﻿*
{
    padding: 0px;
    margin: 0px;
    font-family: Segoe UI, Times New Roman;
}

.ddSetBG
{
    background-color: White;
    width: 120px;
}

A
{
    font-weight: normal;
    font-size: 12px;
    color: Black;
    text-decoration: underline;
}

A:hover
{
    color: Black;
    text-decoration: underline;
}

A.link
{
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-decoration: none;
}
 .rmnhyperlink
    {
     text-decoration: underline;
   color: blue !important;
    font-size: 13px; 
  }
/* hyperlink style for the link button */
A.linkButton:link
{
    font-weight: bold;
    font-size: 10px;
    color: black;
    text-decoration: none;
    border: 5px solid #FFFFFF;
    background-color: #CCCCCC;
}

A.linkButton:visited
{
    font-weight: bold;
    font-size: 10px;
    color: black;
    text-decoration: none;
    border: 1px solid #FFFFFF;
    background-color: #CCCCCC;
}

A.linkButton:active
{
    font-weight: bold;
    font-size: 10px;
    color: black;
    text-decoration: none;
    border: 1px solid #FFFFFF;
    background-color: #CCCCCC;
}

A.linkButton:hover
{
    font-weight: bold;
    font-size: 10px;
    color: black;
    text-decoration: none;
    border: 1px solid #FFFFFF;
    background-color: #CCCCCC;
}

A.linkButton2
{
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-decoration: none;
    font: caption;
}

A.linkButton3
{
    font-weight: bold !important;
    font-size: 12px !important;
    color: black;
    text-decoration: none;
    font: caption;
}

A.highlink
{
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-decoration: none;
}


*:focus{
    outline: none;
}

/*A.contenthead
{
    /*-moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
    -webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
    box-shadow: inset 0px 1px 0px 0px #f29c93;  
    /*background-color: #ff0000;*/
    /*background-color: green;
    /*border: 1px solid #d83526;*/
    /*display: inline-block;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 17px;
    text-decoration: none;*/
    
  /*  background-image:url(../images/btngreen.png);
    background-color: green;
    border: 1px solid #568920;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    padding: 0px 17px;
    text-decoration: none;
    border-radius:4px;
    min-width:80px;
}*/

/*A.contenthead:hover
{
   /* background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #960000), color-stop(1, #FE4D4D) );
    background: -moz-linear-gradient( center top, #960000 5%, #FE4D4D 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#960000', endColorstr='#FE4D4D');
    background-color: #960000;*/
    
  /*  background-image:url(../images/btngreenhover.png);
    background-color: green;
}*/

/*A.contenthead1
{
    font-weight: bold;
    font-size: 14px;
    width: 80px;
    height: 19px;
    background-image: url('../Images/buttongreen.png' );
    vertical-align: text-top;
    padding-bottom: 3px;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}*/

.clearfix
{
}

.clearfix:after
{
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

/***********************************************Input Styles**********************************************************/

input.text,input.inputtext,INPUT.price,input.logininputtext,
textarea,TEXTAREA.text,.textarea,
.searchctrltext,.searchctrlselect,
.select,SELECT.text,
.checkbox, .textarea, .hyperlink,span.inputtext,span.select,span.text
{
    font-weight: normal;
    font-size: 13px;
    color: black;
}
.DocReadonly {
             pointer-events:none;
             background-color:#EAEAEA;
             width: 195px;
             height: 24px;
             font-weight: normal;
             font-size: 13px;
            
           }
.DocSelect {
         pointer-events:none;
         cursor:default;
         border: 1px solid #EAEAEA;
         border-radius: 4px;
         background-color:#EAEAEA;
         height: 26px;
         width: 198px;
         padding: 2px 3px;
         font-weight: normal;
         font-size: 13px;
         color: black;        
     }

td.text
{
    height: 52px;
}

td.text,.text1
{
    height: 16px;
    font-weight: normal;
    font-size: 10px;
    color: #000000;
}

.text1
{
    font-weight: bold;
}

input.text,input.inputtext,INPUT.price,input.logininputtext,
textarea,TEXTAREA.text,.textarea,
.searchctrltext,.searchctrlselect,
.select,SELECT.text,span.inputtext,span.select,span.text
{
    border:1px solid #C0C0C0;
    border-radius:4px;
    background-color:#F2F2F2;
}

input.text,INPUT.inputtext,INPUT.readonlytext,INPUT.price,.searchctrltext,input.logininputtext
{
    width:195px;
    height: 24px;
}

input.text:hover,input.inputtext:hover, .select:hover,textarea:hover, textarea.text:hover,.textarea:hover,input.logininputtext:hover,
.searchctrltext:hover,.searchctrlselect:hover
{
    border: 1px solid #3F3F3F;
}

input.text:focus,input.inputtext:focus, .select:focus,textarea:focus, textarea.text:focus, .textarea:focus,input.logininputtext:focus,
.searchctrltext:focus,.searchctrlselect:focus,.listtext:focus
{
    border: 1px solid #FFBD5F;
}

INPUT.readonlytext
{
    border-style: hidden;
}

TEXTAREA.text,.textarea,textarea
{
    width: 400px;
    resize:none;
}

SELECT.text,.select,.searchctrlselect
{
    height: 26px;
    width: 198px;
    padding:2px 3px;
}

.select > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  border-radius: 3px;
  cursor: pointer;
  unicode-bidi:plaintext;
}

.select > option:hover {
  background-color: #CCCCEE;
  color:#000000;
}

div.inputcontrol
{
    /*position: relative;
    bottom: -8px;*/
}

.checkbox
{
    text-align: left;
}

html[dir=rtl] .checkbox
{
    text-align: right;
}

input[type=checkbox] ~ label
{
    margin-left:5px;
    margin-right:5px;
}

.hyperlink
{
    text-decoration: underline;
    cursor: pointer;
}

.imginputcontrol
{
    font-weight: normal;
    font-size: 13px;
    color: black;
    border:1px solid #C0C0C0;
    border-radius:4px;
    background-color:#F2F2F2;
    width:160px;
    height: 24px;
}

.imginputcontrol:hover
{
    border: 1px solid #3F3F3F;
}

.imginputcontrol:focus
{
    border: 1px solid #FFBD5F;
}

.imgselect
{
    font-weight: normal;
    font-size: 13px;
    color: black;
    
    border:1px solid #C0C0C0;
    border-radius:4px;
    background-color:#F2F2F2;
    
    height: 26px;
    width: 160px;
    padding:2px 3px;
}

.imgselect:hover
{
    border: 1px solid #3F3F3F;
}

.imgselect:focus
{
    border: 1px solid #FFBD5F;
}

.imgselect > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  border-radius: 3px;
  cursor: pointer;
}

.imgselect > option:hover {
  background-color: #CCCCEE;
  color:#000000;
}


/***********************************************End Input Styles**********************************************************/


.list,.addresspanel
{
    border-right: #43669b 1px solid;
    border-top: #43669b 1px solid;
    border-left: #43669b 1px solid;
    border-bottom: #43669b 1px solid;
}

.nav
{
    font-size: 10px;
    color: green;
    text-decoration: none;
}

/*.list1col1bundle
{
    width: 32%;
    word-wrap: break-word;
}*/

div.customertype, div.payterm, div.priceregion, div.hardwareitem, div.businessentity
{
    height: 100px;
    overflow: auto;
    text-align: left;
    width: 180px;
}

html[dir=rtl] div.customertype,html[dir=rtl] div.payterm,html[dir=rtl] div.priceregion,html[dir=rtl] div.hardwareitem,html[dir=rtl] div.businessentity
{
    text-align: right;
}

DIV.datent
{
    border-top: #43669b 20px;
    left: 20px;
    border-left: #43669b thin solid;
    width: 600px;
    position: absolute;
    top: 150px;
    height: 300px;
}

html[dir=rtl] DIV.datent
{
    right: 20px;
    left: 0px;
}

.searchimg
{
    height:25px;
    vertical-align:baseline;
    margin-left:2px;
    margin-right:2px;
    position:relative;
    top:1px;
}

.srchimg
{
    height: 25px;
    vertical-align:top;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
    top: 1px;
}

.incrimg
{
    border-right: #43669b 1px solid;
    border-top: #43669b 1px solid;
    border-left: none;
    border-bottom: #43669b 1px solid;
    background-color: #c3dafd;
    height: 18px;
}

.decrimg
{
    border-left: #43669b 1px solid;
    border-top: #43669b 1px solid;
    border-right: none;
    border-bottom: #43669b 1px solid;
    background-color: #c3dafd;
    height: 18px;
}

A.contenthead
{
    background-image:url(../images/btngreen.png);
    background-color: green;
    border: 1px solid #568920;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    padding: 6px 13px;
    text-decoration: none;
    border-radius:4px;
    min-width:80px;
    top:13px;
    margin-right:10px;
}

A.contenthead:active
{
    position: relative;
    top: 1px;
}

TR.contenthead
{
   /* font-weight: bold;
    font-size: 16px;
    height: 20px;
    background-color: rgb(247, 247, 247);
    padding: 6px 0px 0px 3px;
    text-align: left;
     border-left: 1px solid rgb(222,222,222);
    border-right: 1px solid rgb(222,222,222);
    border-top: 1px solid rgb(222,222,222);
    border-bottom: 1px solid rgb(222,222,222);
    width: 100%;*/
    
    color: #3F3F3F;
    height: 40px;
    padding: 0px 0px 0px 2px;
    text-align: left;
    vertical-align:middle;
    background-color: #DADADA;
    width: auto;
}

html[dir=rtl] TR.contenthead
{
    text-align: right;
}

TR.contenthead td:first-child
{   
    width: 70%;
    text-align: left;
    position:relative;
    top:10px;
    left:10px;
    font-weight: bold;
    font-size: 14px;
    color:#3F3F3F;
    float: left;
    text-align: left;
}

html[dir=rtl] TR.contenthead td:first-child
{   
    text-align: right;
    right:10px;
    left:0px;
    float: right;
}

.summary
{
    font-weight: bold;
    font-size: 16px;
    color: black;
    height: 20px;
    background-color: rgb(247, 247, 247);
    padding: 6px 0px 0px 0px;
    text-align: left;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid lightgrey;
    width: 100%;
}

html[dir=rtl] .summary
{
    text-align: right;
}

.summary
{
    text-align: center;
}

div.contenthead
{
    font-weight: bold;
    font-size: 13px;
    background-color: #75A1D0;
    text-align: left;
    vertical-align: middle;
    border: solid 1px #75A1D0;
    padding: 0px;
}

html[dir=rtl] div.contenthead
{
    text-align: right;
}

.pagegroup
{
    padding: 0px;
    margin: 0px; /*border:solid 1px #43669b; 	margin:1px 0 0 0;*/
}

.pagegroupnohead
{
    padding: 2px;
    margin: 1px 0 1px 0;
    border: solid 1px #43669b;
}

.mwpagegroupnohead
{
    padding: 0px;
    margin: 1px 0 1px 0;
    border: solid 1px #43669b;
}

.pagegrpnoheadnoborder
{
    padding: 2px;
    margin: 1px 0 1px 0;
}

.mwpagegrpnoheadnoborder
{
    padding: 0px;
    margin: 1px 0 1px 0;
}

.pagegroupctl
{
    padding: 3px 0px 3px;
}

TR.innerhead
{
    font-weight: bold;
    font-size: 10px;
    color: black;
    background-color: #90b4e9;
}

/********************************************Row Styles*******************************************/

TD.contenthead
{
    width: 100%;
    font-weight: bold;
    font-size: 13px;
    color: black;
    height: 20px;
    background-color: #75A1D0;
}

TD.heading
{
   width: 100%;
    text-align: left;
    position:relative;
    top:22%;
    left:2px;
    font-weight: bold;
    font-size: 14px;
    color:#3F3F3F;
    float: left;
    text-align: left;
}

html[dir=rtl] .heading
{
    text-align: right;
    right:2px;
    left:0px;
    float: right;
    text-align: right;
}

TD.commandbtn
{
    text-align: left;
}

html[dir=rtl] TD.commandbtn
{
    text-align: right;
}

/**********************************************Label Styles**************************************************************/

.label
{
    width: 95px;
    font-size: 10px;
    text-align: left;
}

html[dir=rtl] .label
{
    text-align: right;
}

.label1
{
    width: 270px;
    font-size: 10px;
    text-align: left;
}

html[dir=rtl] .label1
{
    text-align: right;
}

.labelHead
{
    font-weight: bold;
    font-size: 13px;
    color: black;
}

.labelBold
{
    font-weight: bold;
    font-size: 11px;
}

.labelHeadText
{
    width: 100px;
    font-weight: bold;
    font-size: 15px;
    color: black;
}
.searchcontrollabel
{
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-align: right;
    position:relative;  
    padding:3px 0px;
}
html[dir=rtl] .searchcontrollabel
{
    text-align: left;
}
/**keshab**/
.custelement
{
    width: 150px;
    font-weight: bold;
    font-size: 14px;
    color: black;
    text-align: left;
    position:relative;  
    padding:5px 0px 0px 4px;
}

html[dir=rtl] .custelement
{
    text-align: right;
}

.optionaltext1, .optionaltext2, .optionaltext3,
.labelText, .labelText1, .labelText3, .labelText2,
.requiredField, .requiredField2, .requiredField3, .requiredField4, .requiredField5, .requiredField6, .FlexRequiredField2, .requiredField7,
.requiredtext1, .requiredtext2, .requiredtext3, .flexoptionaltext1, .flexoptionaltext2, .flexoptionaltext3, .flexrequiredtext1, .flexrequiredtext2, .flexrequiredtext3
{
    width: 120px;
    font-weight: normal;
    font-size: 12px;
    color: black;
    text-align: right;
    position:relative;  
    padding:3px 0px;
}

html[dir=rtl] .optionaltext1,html[dir=rtl] .optionaltext2,html[dir=rtl] .optionaltext3,
html[dir=rtl] .labelText,html[dir=rtl] .labelText1,html[dir=rtl] .labelText3,html[dir=rtl] .labelText2,
html[dir=rtl] .requiredField,html[dir=rtl] .requiredField2,html[dir=rtl] .requiredField3,html[dir=rtl] .requiredField4,html[dir=rtl] .requiredField5,html[dir=rtl] .requiredField6,html[dir=rtl] .FlexRequiredField2,html[dir=rtl] .requiredField7,
html[dir=rtl] .requiredtext1,html[dir=rtl] .requiredtext2,html[dir=rtl] .requiredtext3,html[dir=rtl] .flexoptionaltext1,html[dir=rtl] .flexoptionaltext2,html[dir=rtl] .flexoptionaltext3,html[dir=rtl] .flexrequiredtext1,html[dir=rtl] .flexrequiredtext2,html[dir=rtl] .flexrequiredtext3
{
    text-align: left;
}

.labelText, .labelText1, .labelText3, .labelText2,
.requiredField, .requiredField2, .requiredField3, .requiredField4, .requiredField5, .requiredField6, .FlexRequiredField2, .requiredField7, .flexoptionaltext1, .flexoptionaltext2, .flexoptionaltext3, .flexrequiredtext1, .flexrequiredtext2, .flexrequiredtext3
{
    height: 22px;
}

.labelText, .labelText1, .labelText3, .labelText2
{
        font-weight: normal;
        padding-right:4px;
        /*border-left:1px solid rgb(222,222,222);*/
}

html[dir=rtl] .labelText,html[dir=rtl] .labelText1,html[dir=rtl] .labelText3,html[dir=rtl] .labelText2
{
        padding-left:4px;
        padding-right:0px;
}

.optionaltext2, .optionaltext3,
.labelText1, .labelText3,
.requiredField2, .requiredField3, .requiredField4, .requiredField5, .requiredField6, .FlexRequiredField2,
.requiredtext2, .requiredtext3, .flexoptionaltext1, .flexoptionaltext2, .flexoptionaltext3, .flexrequiredtext1, .flexrequiredtext2, .flexrequiredtext3
{
/*    border-left: 1px solid rgb(222, 222, 222);*/
}

.requiredField, .requiredField2, .requiredField3, .requiredField4, .requiredField5, .requiredField6, .FlexRequiredField2, .requiredField7, .requiredtext1, .requiredtext2, .requiredtext3, .flexrequiredtext1, .flexrequiredtext2, .flexrequiredtext3
{
    font-weight: bold;
}

.FlexRequiredField2
{
    width: 100px;
}

.disText
{
    font-weight: bold;
    font-size: 12px;
    color: black;
}

.mandatoryText
{
    width: 100px;
    font-weight: normal;
    font-size: 11px;
    color: Red;
}
.longlabelText2
{
    padding-right: 5px;
    width: 250px;
    font-weight: normal;
    font-size: 12px;
    color: black;
    text-align: right;
    border-bottom: 1px solid rgb(222, 222, 222);
    padding-right: 10px;
}
.labelText11
{
    font-weight: normal;
    font-size: 12px;
    text-align: left;
       
}
html[dir=rtl] .labelText11
{
    text-align: right;
       
}
.labeltext,.labelBold2,.labelText1
{
    font-size: 12px;
    color: black;
}

.labeltext
{
    font-weight: normal;
    width: 100px;
}
.labelBold2
{
    font-weight: bold;
    font-size: 11px;
}

.labelText1
{
    font-weight: normal;
    border-bottom: 1px solid rgb(222, 222, 222);
    padding-right: 10px;
}

.requiredtext1:before, .requiredtext2:before, .requiredtext3:before, .requiredField:before, .requiredField2:before, .requiredField3:before, .requiredField4:before, .requiredField5:before, .requiredField6:before, .FlexRequiredField2:before, .requiredField7:before,
.flexrequiredtext1:before, .flexrequiredtext2:before, .flexrequiredtext3:before
{
    content:"* ";
    color:#EA5B3E;
    font-size:13px;
    font-weight:bold;
    
}
/**********************************************End Label Styles**************************************************************/

/**********************************************Optional/Mandatory Styles****************************************************/
.optionalimg,.optionalImg,.requiredimg,.requiredImg,.requiredImg1,.requiredImg2,.searchcolumnoptImg
{
    font-size: 11px;
}

.optionalimg,.optionalImg,.requiredimg,.requiredImg,.requiredImg1,.requiredImg2,.searchcolumnoptImg
{
    width: 8px;
}

.requiredimg,.requiredImg,.requiredImg1,.requiredImg2
{
    font-weight: bold;
    color: black;
    /*border-left: 1px solid rgb(222, 222, 222);
    background-image: url('../Images/star.gif' );*/
    background-repeat: no-repeat;
}

.requiredimg,.requiredImg,.requiredImg1
{
    background-position: right 50%;
}

.requiredImg1
{
    text-align: right;
}

html[dir=rtl] .requiredImg1
{
    text-align: left;
}

.requiredImg2
{
    background-position: right 25%;
}

/**********************************************Optional/Mandatory Styles****************************************************/

.ucField
{
    width: 150px;
}

td.ucField .ctlfloat
{
    width: 225px;
}

.AdrBorder
{
    border-top: 1px solid rgb(222, 222, 222);
    border-left: 1px solid rgb(222, 222, 222);
    border-bottom: 1px solid rgb(222, 222, 222);
    border-right: 1px solid rgb(222, 222, 222);
    border-collapse: collapse;
}

.addressLabel
{
    font-weight: bold;
    font-size: 10px;
    color: black;
}

.vsetargs
{
    border-right: #3071d1 1px solid;
    border-top: #3071d1 1px solid;
    border-left: #3071d1 1px solid;
    border-bottom: #3071d1 1px solid;
}

.vsetparams
{
    border-right: #3071d1 1px solid;
    border-top: #3071d1 1px solid;
    border-left: #3071d1 1px solid;
    border-bottom: #3071d1 1px solid;
}

.textalignedimg
{
    height:24px;
    margin:0px 2px;
    padding:0px;
    padding-bottom:3px;
}

.emptyChartText
{
    font-weight: bold;
    font-size: 12px;
    color: #A31515;
    text-decoration: none;
    font: caption;
}

/*************************************************************Grid Styles**************************************************/

.gridheader
{
    font-weight: bold;
    font-size: 10px;
    color: black;
    background-color: #B0CCF0;
    border-style: groove;
    border-bottom: white 0px solid;
    border-right: white 0px solid;
    border-left: white 1px solid;
    border-top: white 1px solid;
}

.gridframe
{
    border: solid 0px grey;
}

.gridedit
{
    border: none;
}

.gridrow
{
    border: solid 1px #43669b;
    border-left: none;
    border-top: none;
    padding-left: 3px;
    font-size: 10px;
    font-weight: normal;
}

html[dir=rtl] .gridrow
{
    padding-right: 3px;
    padding-left: 0px;
}

.gridform
{
    border-right: #43669b 1px solid;
    border-bottom: #43669b 0px solid;
    padding: 0;
}

.gridcmd
{
    width: 30px;
}

.gridvscroll
{
    width: 2%;
}

.griditem, .altgriditem
{
    height: 25px;
    color: black;
    text-align: left;
    vertical-align: middle;
}

html[dir=rtl] .griditem,html[dir=rtl] .altgriditem
{
    text-align: right;
}

.griditem td, .altgriditem td, td.griditem, td.altgriditem
{
    border-bottom: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
}

.griditem td td, .altgriditem td tdd
{
    border-bottom: 0px solid #DEDEDE;
    border-right: 0px solid #DEDEDE;
}

.griditem > td, .altgriditem > td
{
    border-left: 1px solid #DEDEDE;
}

.griditem:hover, .altgriditem:hover, .griditem:hover a, .altgriditem:hover a, .griditem:hover span, .altgriditem:hover span
{
    background-color: #C44A49;
    color: White;
}

tr.griditem > td > table > tbody > tr > td, tr.altgriditem > td > table > tbody > tr > td
{
    border-bottom: none;
    border-right: none;
}

.gridWidth
{
    width: 100%;
}

.gridWidth
{
    width: expression(document.all?"98%" : "100%");
}

.gridlist
{
   width: 100%;
   border-left: 1px solid #DEDEDE;
   padding:0px 2px;
}

.gridlist
{
    width: expression(document.all?"98%" : "100%");
}

.pagination
{
    text-align:center;
}

.pagination > td
{
    text-align:center;
    align:center;
}

.pagination table
{
    text-align:center;
    margin:auto;
    
}
/*************************************************************End grid Styles**************************************************/

/*************************************************************Button Styles***************************************************/
.button1
{
    background-color: #E1F0FF;
    color: black;
    font-size: 10px;
    font-weight: normal;
    border-style: solid;
    border-width: 1px;
    height: 18px;
    vertical-align: text-top;
    padding-bottom: 3px;
}

.btnalign
{
    /*text-align: right;
    padding-bottom: 3px;*/
    
    /*width: 30%;*/
    /*float: right;*/
    text-align: right;
    height:40px;
}

html[dir=rtl] .btnalign
{
    text-align: left;
}

.btnalign a
{
    bottom:1px;
    /*position:relative;*/
}

.btnalign a:active
{
    top:1px;
    position:relative;
}

div.buttons
{
    width: 100%;
    height: 30px;
    clear: both;
    padding-top: 10px;
    padding-bottom:15px;
}

div.cmdbutton
{
    width: 49%;
    float: left;
    text-align: left;
}

html[dir=rtl] div.cmdbutton
{
    float: right;
    text-align: right;
}

div.formbutton
{
    width: 49%;
    float: right;
    text-align:right;
    margin-right:10px;
}

html[dir=rtl] div.formbutton
{
    float: left;
    text-align:left;
    margin-left:22px;
    margin-right:0px;
}

.btnsave, .btnsearch, .btnclose, .btnlong, .button, .longbutton, .longbutton1, .dislongbutton, .btncancel,
.btnadd,.loginbtnsave,.loginbtnsave, .btnupdate, .btnback, .btnnext
{
    /*-moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
    -webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
    box-shadow: inset 0px 1px 0px 0px #f29c93;
    background: -webkit-gradient( linear, left top, .left bottom, color-stop(0.05, #FE4D4D), color-stop(1, #960000) );
    background: -moz-linear-gradient( center top, #FE4D4D 5%, #960000 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE4D4D', endColorstr='#960000');*/
    background-image:url(../images/btngreen.png);
    background-color: green;
    border: 1px solid #568920;    
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    padding: 6px 13px;
    text-decoration: none;
    border-radius:4px;
    min-width:80px;
}



.btnsave,.btncancel,.loginbtnsave,.loginbtnsave, .btnclose, .btnsearch, .btnlong, .button
{
    margin-right:10px;
}

html[dir=rtl] .btnsave,html[dir=rtl] .btncancel,html[dir=rtl] .loginbtnsave,html[dir=rtl] .loginbtnsave,html[dir=rtl] .btnclose,html[dir=rtl] .btnsearch,html[dir=rtl] .btnlong,html[dir=rtl] .button
{
    margin-left:10px;
    margin-right:0px;
}

.btnadd,.btndelete,.btnupdate
{
    margin-right:5px;
}
html[dir=rtl] .btnadd,html[dir=rtl] .btndelete,html[dir=rtl] .btnupdate
{
    margin-left:5px;
    margin-right:0px;
}
.btnsave:hover, .btnsearch:hover, .btnclose:hover, .btnlong:hover, .button:hover, .longbutton:hover, .longbutton1:hover, .dislongbutton:hover,
.btnadd:hover,.loginbtnsave:hover, A.contenthead:hover, .btnupdate:hover
{
/*    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #960000), color-stop(1, #FE4D4D) );
    background: -moz-linear-gradient( center top, #960000 5%, #FE4D4D 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#960000', endColorstr='#FE4D4D');
    background-color: #960000;*/
    background-image:url(../images/btngreenhover.png);
    background-color: green;
}

.btnsave:active, .btnsearch:active, .btnclose:active, .btnlong:active, .button:active, .longbutton:active, .longbutton1:active, .dislongbutton:active,
.loginbtnsave:active
{
    position: relative;
    top: 1px;
}

.btncancel,.btndelete,.btnreset, #ctl00_uxPgCPH_btncancel, .btnreset, #ctl00_uxPgCPH_btnCancel,#ctl00_uxPgCPH_btncancel1
{
    /*-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #d2d2d2) );
    background: -moz-linear-gradient( center top, #e6e6e6 5%, #d2d2d2 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#d2d2d2');*/
    background-image:url(../images/btncancel.png);
    background-color: #e6e6e6;
    border: 1px solid #C0C0C0;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    padding: 6px 13px;
    text-decoration: none;
    border-radius:4px;
    min-width:90px;
}

.btncancel:hover,.btndelete:hover,.btnreset:hover, #ctl00_uxPgCPH_btncancel:hover
{
/*    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d2d2d2), color-stop(1, #e6e6e6) );
    background: -moz-linear-gradient( center top, #d2d2d2 5%, #e6e6e6 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d2d2', endColorstr='#e6e6e6');
    background-color: #d2d2d2;*/
    background-image:url(../images/btncancelhover.png);
}

.btncancel:active,.btnreset:active, #ctl00_uxPgCPH_btncancel:active
{
    position: relative;
    top: 1px;
}

.longbutton
{
    width: 180px;
    vertical-align: text-top;
}

.longbutton1
{
    width: 180px;
}

.dislongbutton
{
    width: 180px;
}

.tab
{
    padding-left: 0px;
    border-spacing: 0px;
    z-index: 1;
    padding-top:20px;
}

.tab td
{
    padding-right: 1px;
}

html[dir=rtl] .tab td
{
    padding-left: 1px;
    padding-right: 0px;
}

.ActiveTab, .InActiveTab, .InActiveTabLeft, .InActiveTabRight, .InActiveTabMid
{
    /*display: inline-block;
    font-weight: bold;
    padding: 3px 17px;
    text-decoration: none;*/
    
    display: inline-block;
    font-weight: bold;
    padding: 3px 17px;
}

.ActiveTab
{
    border-style: none;
    border: 1px solid #d83526;
    
    /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FE4D4D), color-stop(1, #960000) );
    background: -moz-linear-gradient( center top, #FE4D4D 5%, #960000 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE4D4D', endColorstr='#960000');*/    
    background-color:#DADADA;
    border-radius:4px 4px 0px 0px;
    color: #B63436;
}


.InActiveTab, .InActiveTabLeft, .InActiveTabRight, .InActiveTabMid
{
    -moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
    -webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
    box-shadow: inset 0px 1px 0px 0px #f29c93;
    border: 1px solid #5F5F5F; /*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FE4D4D), color-stop(1, #960000) );     background:-moz-linear-gradient( center top, #FE4D4D 5%, #960000 100% );     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE4D4D', endColorstr='#960000');*/
    color: #5F5F5F;
    border-radius:0px 4px 0px 0px;
    background-color: #DADADA; /*#960000;*/
}

.InActiveTab:hover, .InActiveTabMid:hover, .InActiveTabRight:hover, .InActiveTabLeft:hover
{
    /*    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #960000), color-stop(1, #FE4D4D) );     background:-moz-linear-gradient( center top, #960000 5%, #FE4D4D 100% );     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#960000', endColorstr='#FE4D4D');*/
    /*color: #000000;
    background-color: #FFFFFF;*/
}

/*************************************************************End Button Styles***************************************************/

TABLE.servicelist
{
	border-right: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
    padding: 0;
}

DIV.servicelist
{
    height: 300px;
    width:  250px; 
    overflow: scroll;
}

DIV.servicelistdowngrade
{
    height: 300px;
    width:  100%; 
    overflow: scroll;
    font-weight: normal;
    font-size: 11px;
    color: black;
}
TR.servicelistheader
{
    font-weight: bold;
    font-size: 10px;
    color: black;
    background-color: #B0CCF0;
}

.servicelistheader
{
    border-bottom: 1px solid #EAEAEA;
}

TABLE.AppChargelist
{
    border-right: 1px solid rgb(222, 222, 222);
    border-top: 1px solid rgb(222, 222, 222);
    border-left: 1px solid rgb(222, 222, 222);
    border-bottom: 1px solid rgb(222, 222, 222);
    padding: 0;
}

DIV.AppChargelist
{
    height: 300px;
    width: 250px;
	overflow:scroll;
}

TR.AppChargelistheader
{
    font-weight: bold;
    font-size: 16px;
    height: 20px;
    background-color: rgb(247, 247, 247);
    padding: 6px 0px 0px 3px;
    text-align: left;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid lightgrey;
    width: 100%;
}

html[dir=rtl] TR.AppChargelistheader
{
    text-align: right;
}

.AppChargelistheader
{
    border-bottom: 1px solid #EAEAEA;
}

DIV.selectedsegs
{
    height: 300px;
    width: 300px;
    overflow: scroll;
}

.notes
{
    font-weight: normal;
    font-size: 11px;
    color: #000000;
}

.attachmentimg
{
    cursor: hand;
}

TABLE.attachments
{
    border-right: 1px solid rgb(222,222,222);
    border-top: 1px solid rgb(222,222,222);
    border-left: 1px solid rgb(222,222,222);
    border-bottom: 1px solid rgb(222,222,222);
    padding: 0;
    Border-width:0px;
}

DIV.attachments
{
    height: 200px;
    overflow-y: scroll;
}

.fileupload
{
    border-right: 1px solid rgb(222,222,222);
    border-top: 1px solid rgb(222,222,222);
    border-left: 1px solid rgb(222,222,222);
    border-bottom: 1px solid rgb(222,222,222);
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    width:310px;
}
/* used to move browse button to right for input type file in firefox*/
.fileupload, x:-moz-any-link, x:default 
{
    direction:rtl;
}

.treeText
{
    font-weight: normal;
    font-size: 11px;
    color: black;
}

TABLE.menupreflist
{
    border-right: 1px solid rgb(222, 222, 222);
    border-top: 1px solid rgb(222, 222, 222);
    border-left: 1px solid rgb(222, 222, 222);
    border-bottom: 1px solid rgb(222, 222, 222);
    padding: 0;
}

DIV.menupreflist
{
    height: 380px;
    width: 250px;
    overflow: scroll;
    font-weight: normal;
    font-size: 11px;
    color: black;
}

TR.menupreflistheader
{
    font-weight: bold;
    font-size: 10px;
    color: black;
    background-color: #B0CCF0;
}

.menupreflistheader
{
    border-bottom: #43669b 1px solid;
}

.grouphead
{
    font-weight: bold;
    font-size: 10px;
    color: black;
}

DIV.highlight
{
    background-color: #e3de99;
}

TR.highlight
{
    height: 30px;
    vertical-align: middle;
    background-color: #b2dce3;
    background-color: #d5e5ef;
}

.labelcenter
{
    font-weight: normal;
    font-size: 11px;
    color: black;
    text-align: center;
}

.SubHeader
{
    font-weight: bold;
    font-size: 11px;
    color: black;
    border-bottom: #43669b 1px solid;
    padding-top: 5px;
    height: 16px;
    vertical-align: middle;
    text-transform: capitalize;
}

.labelBold1
{
    font-weight: bold;
    font-size: 13px;
}

.viewPageHead
{
    font-weight: bold;
    font-size: 13px;
    text-decoration: underline;
}

.ul1
{
    color: black;
    height: 1px;
}

.searchcontrolborder
{
    background-color: #F5F5F4;
    border-left: #DCDCDC 1px solid;
    border-right: #dcdcdc 1px solid;
    border-top: #DCDCDC 1px solid;
    border-bottom: #DCDCDC 1px solid;
}

.pageborder
{
    border-left: #43669b 2px solid;
    border-right: #43669b 1px solid;
    border-top: #43669b 1px solid;
    border-bottom: #43669b 1px solid;
    padding: 0px;
}

.pageborder2
{
    border-left: rgb(222,222,222) 2px solid;
    border-right: rgb(222,222,222) 1px solid;
    border-top: rgb(222,222,222) 0px solid;
    border-bottom: rgb(222,222,222) 1px solid;
    padding: 0px;
}

.HrLine
{
    border-bottom: #43669b 2px solid;
}

.FooterHrLine
{
    border-top: #43669b 2px solid;
}

.Line
{
    border-top: #43669b 1px dotted;
}

.Line1
{
    border-top: #43669b 1px solid;
}

.topmenumo1
{
    font-weight: bold;
    font-size: 11px;
    color: black;
    font-style: normal;
    text-align: left;
    text-decoration: underline;
}

html[dir=rtl] .topmenumo1
{
    text-align: right;
}
/*
.button
{
    font-weight: bold;
    font-size: 15px;
    width: 80px;
    height: 22px;
    background-image: url('../Images/buttongreen.png' );
    vertical-align: text-top;
    padding-bottom: 3px;
}

.longbutton
{
    font-weight: bold;
    font-size: 15px;
    width: 180px;
    height: 22px;
    background-image: url('../Images/buttongreen.png' );
    vertical-align: text-top;
    padding-bottom: 3px;
}

.longbutton1
{
    font-weight: bold;
    font-size: 15px;
    width: 180px;
    height: 22px;
    background-image: url('../Images/buttongreen.png' );
    vertical-align: text-top;
    padding-bottom: 3px;
}

.dislongbutton
{
    font-weight: bold;
    font-size: 15px;
    width: 180px;
    height: 22px;
    background-image: url('../Images/buttongreen.png' );
    vertical-align: text-top;
    padding-bottom: 3px;
}
*/
.titleborder
{
    border-left: #43669b 1px solid;
    border-right: #43669b 1px solid;
    border-top: #43669b 1px solid;
    border-bottom: #43669b 1px solid;
}

TR.listHeader
{
    font-weight: bold;
    font-size: 9pt;
    color: #333366;
    background-color: #B0CCF0;
}

TABLE.list
{
    border-right: 1px solid rgb(222,222,222);
    border-top: 1px solid rgb(222,222,222);
    border-left: 1px solid rgb(222,222,222);
    border-bottom: 1px solid rgb(222,222,222);
    padding: 0;
}

TD.listHeader
{
    border-bottom: #43669b 1pt solid;
}

TABLE.details
{
    border: solid 1pt #43669b;
    padding: 0;
}

.listBundle
{
    font-weight: bold;
    font-size: 10pt;
    width: 215px;
    text-indent: 0pt;
    height: 30px;
    word-wrap: break-word;
}

.listBreak
{
    font-weight: bold;
    font-size: 10pt;
    width: 215px;
    text-indent: 15pt;
    height: 30px;
    word-wrap: break-word;
}

.priceText
{
    border-right: #43669b 1pt solid;
    border-top: #43669b 1pt solid;
    font-weight: normal;
    font-size: 11px;
    border-left: #43669b 1pt solid;
    color: #000000;
    border-bottom: #43669b 1pt solid;
    height: 14px;
    text-align: right;
}

html[dir=rtl] .priceText
{
    text-align: left;
}

.totalPrice
{
    font-weight: bold;
    font-size: 11px;
    color: black;
    text-align: right;
}

html[dir=rtl] .totalPrice
{
    text-align: left;
}

.totalPriceText
{
    font-weight: bold;
    font-size: 11px;
    color: black;
}

.legendText
{
    font-weight: normal;
    font-size: 9px;
    color: black;
}

.warningText
{
    font-weight: bold;
    font-size: 11px;
    color: #000000;
}

.searchCtrlCustomerNbr
{
    background-color: #F5F5F4;
    border-style: none;
    font-weight: bold;
    font-size: 11px;
    color: black;
}

.labelcolor
{
}

/*To set style for Status of a disconnection item field*/
.disconnectStatus
{
    font-weight: bold;
    font-size: 9px;
    color: #FF7171 !important;
}

/*To set style for Status of a active item field*/
.activeStatus
{
    font-weight: bold;
    font-size: 9px;
    color: green !important;
}

/*To set style for single view screens*/
.svcontenthead
{
    font-weight: bold;
    font-size: 11px;
    color: black;
    background-color: #D9F0FF;
}

TR.svsubhead
{
    font-weight: bold;
    font-size: 12px;
    color: black;
    height: 20px;
    background-color: #B0CCF0;
}

TABLE.tblborder
{
    border-right: none;
    border-top: #B0CCF0 1px solid;
    border-left: none;
    border-bottom: #B0CCF0 1px solid;
}

.controlborder
{
    background-color: #F5F5F4;
    border-bottom: #B0C4DE 1px hidden;
}

TABLE.padding
{
    padding-left: 3px;
    padding-bottom: 3px;
}

html[dir=rtl] TABLE.padding
{
    padding-right: 3px;
    padding-left: 0px;
}


TABLE.padding1
{
    padding-top: 3px;
    padding-left: 6px;
}

html[dir=rtl] TABLE.padding1
{
    padding-right: 6px;
    padding-left: 0px;
}

TABLE.tblalign
{
    padding-top: 5px;
}

.tdborder1
{
    padding-left: 3px;
    padding-right: 3px;
    border-right: #DCDCDC 1px solid;
    border-left: #DCDCDC 1px solid;
}

.labelcolor
{
    font-weight: bold;
    font-size: 11px;
    color: Red;
}

.disText1
{
    padding-left: 4px;
    font-weight: bold;
    font-size: 11px;
    color: black;
}

html[dir=rtl] .disText1
{
    padding-right: 4px;
    padding-left: 0px;
}

.ctrlwidth
{
    width: 150px;
}

DIV.scroll
{
    overflow: scroll;
    behavior: url('../themes/default/mainportal/css/ScrollPos.htc');
}

.height80px
{
    height: 80px;
}

.height100px
{
    height: 100px;
}

.height180px
{
    height: 180px;
}

.height400px
{
    height: 400px;
}

DIV.rolelist
{
    height: 300px;
    width: 250px;
    overflow: scroll;
}

select.ddlwidth85px
{
    width: 85px;
}

select.ddlwidth100px
{
    width: 100px;
}

select.ddlwidth120px
{
    width: 120px;
}

select.ddlwidth150px
{
    width: 150px;
}

select.ddlwidth190px
{
    width: 190px;
}

INPUT.partnerdescription
{
    border-right: #B0C4DE 1px solid;
    border-top: #B0C4DE 1px solid;
    border-left: #B0C4DE 1px solid;
    border-bottom: #B0C4DE 1px solid;
    height: 16px;
    background-color: #ffffff;
    width: 300px;
}

textarea.txtareawidth410px
{
    width: 410px;
}

INPUT.txtwidth99per
{
    width: 99%;
}

.cursortype
{
    cursor: hand;
}
cursortype
{
    cursor: hand;
}

.griditem1
{
    height: 16px;
    font-weight: normal;
    font-size: 10px;
    background-color: #F6F6F6;
    color: #000000;
}

.altgriditem1
{
    height: 16px;
    font-weight: normal;
    font-size: 10px;
    background-color: #F6F6F6;
    color: #000000;
}

/* Tablestyle, gridheading and subtable are mutualy exclusive*/
/* so when Tablestyle class is used use mainsubtable & maintablegridheading class*/
Table.maintableborderstyle, Table.maintableborderstyle1
{
}

Table.maintableborderstyle1 td
{
    padding: 2px;
}

Table.tablesaperator
{
    width: 100%;
}

Table.tablesaperator td
{
    height: 20px;
}

Table.gridheading
{
    width: 100%;
}

Table.maintable
{
    width: 100%;
}

Table.subtable
{
    width: 100%;
}

/*For tables with in a grid*/
Table.insidegrid
{
    width: 100%;
    padding: 0px;
}

Table.insidegrid1
{
    width: 100%;
}

Table.insidegrid2
{
    width: 100%;
}

/*Given for tables with elements (label + required field + input control)*/
Table.elementtable
{
    width: 100%;
}

.dataliststyle
{
    width: 100%;
}

td.columnone
{
    width: 50%;
}

td.fullcolumn
{
    width: 100%;
}

td.columntwo
{
    width: 50%;
}

.panelstyle
{
    width: 100%;
}

TD.RowSaperator
{
}

.BorderStyle
{
}

.griditemborder
{
}

Table.content
{
    width: 100%;
}

Table.customercontrol
{
    width: 100%;
}

input.textboxsize16
{
    width: expression(8*16);
}

input.textboxsize32
{
    width: expression(8*32);
}

input.textboxsize20
{
    width: expression(8*20);
}

input.textboxsize10
{
    width: expression(8*10);
}

.headingrowheight
{
    height: 20px;
}

.homepagehtml
{
    height: 487px;
    width: 100%;
}

td.tdsaperator
{
    height: 3px;
}

.problems
{
    text-align: left;
}


html[dir=rtl] .problems
{
    text-align: right;
}

.problem
{
    font-weight: normal;
    font-size: 11px;
    color: black;
    text-align: left;
    padding-bottom: 5px;
}

html[dir=rtl] .problem
{
    text-align: right
}

.answers
{
    width: 100%;
    text-align: left;
}

html[dir=rtl] .answers
{
    text-align: right;
}

.answer
{
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    padding-bottom: 5px;
    text-align: left;
}

html[dir=rtl] .answer
{
    text-align: right;
}

.blanksection
{
    height: 5px;
}

.smartwizard_checkboxlist
{
    height: 200px;
}

.checkboxlist
{
    height: 140px;
    overflow: auto;
    text-align: left;
    width: 170px;
    padding: 0;
}

html[dir=rtl] .checkboxlist
{
    text-align: right;
}

.lblcheckboxlist
{
    font-weight: bold;
    font-size: 11px;
    color: black;
    background-color: rgb(218, 218, 218);
    text-align: center;
    height: 20px;
    border-bottom: solid 1px rgb(222, 222, 222);
}

.checkboxlistheader
{
    font-size: 10px;
    height: 140px;
    width: 170px;
    color: black;
    text-align: center;
    border: solid 1px rgb(222, 222, 222);
}

.cursordefault
{
    cursor: default;
}

.txtselfpros
{
    border: 0;
    font-size: 12px;
    width: 185px;
    height: 17px;
    font-weight: bold;
    color: black;
    background-color: #FFE1F7;
}

.txtselfpros1
{
    border: 0;
    font-size: 11px;
    font-weight: bold;
    padding: 1px 0;
    color: black;
    background-color: #FFE1F7;
}

.txtselfpros2
{
    width: 212px;
}

.sprospaddblock
{
    width: 50px;
}

.sprospaddstreet
{
    width: 242px;
}

.sprosptxtaddunit
{
    width: 50px;
}

.sprosptxtaddpcode
{
    width: 72px;
}

.sprospddl
{
    width: 212px;
}

/*end*/

.selfcarenotice
{
    border-width: thin;
    font-size: small;
    color: Maroon;
}
.selfcareparty
{
    background-color: white;
}

.EscDocStyle
{
    background-color: Red;
    font-weight: bold;
    width: 5%;
    word-wrap: break-word;
}

.successheader
{
    font-weight: bold;
    font-size: 12px;
    color: blue;
}

.failureheader
{
    font-weight: bold;
    font-size: 13px;
    color: red;
}

.successresult
{
    font-weight: bold;
    font-size: 12px;
    color: blue;
}

.failureresult
{
    font-weight: bold;
    font-size: 12px;
    color: red;
}

.tdborder2
{
    border-bottom: #DCDCDC 1px solid;
    font-weight: normal;
    font-size: 11px;
    color: black;
    height: 20;
    padding-left:2px;
}

html[dir=rtl] .tdborder2
{
    padding-right:2px;
    padding-left:0px;
}

.tdbackground
{
    background-repeat: repeat-x;
    border-spacing: 0px;
    margin: 0px;
    border: 5px solid #C7C7C7;
    border-bottom: none;
    border: 2px;
    height: 30px;
    font-weight: bold;
    font-size: 11px;
    color: black;
}

/********All are new classes. Verify and remove if not used*****************/
/***************page Styles******************/
/*
Tatble.maintableborderstyle
{
    
}

div input.custnbr
{
    width:75px;
}

div input.inputsearch
{
    width:114px;
}

div.custnbr
{
    width:174px;
    text-align:left;
}
.floatleft
{
    float:left;
}
.floatright
{
    float:right;
}
.alignleft
{
    text-align:left;
}
.alignright
{
    text-align:right;
}
.leftmiddle
{
    text-align:left;
    vertical-align:middle;
    padding-left:1px;
    padding-top:2px;
}
.custsearch
{
    width:12px;
    height:14px;
}

.searchimg
{
    border-right: #B0C4DE 1px solid;
    border-top: #B0C4DE 1px solid;
    border-left: none;
    border-bottom: #B0C4DE 1px solid;
    background-color: #c3dafd;
    height: 15px;
    vertical-align:text-bottom;    
}*/

/********All are new classes. Verify and remove if not used*****************/

/********************************************************LOGIN PAGE********************************************************/
/*div.formlogin
{
    height:150px;
    width:350px;
    border-radius:5px;
    border:#43669b 1px solid;
    background-color:#FFFFFF;
    position:relative;
    top:100px;
    left:36%;
}
div.loginhead
{
    background: -moz-linear-gradient(#1696C5, #048BBE) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1696C5', endColorstr='#048BBE',GradientType=0 );
    padding:5px 0px;
    border-bottom:#43669b 1px solid;
    color:#e7f1ff;
    font-weight:bold;
    vertical-align:middle;
    text-align:center;
}
div.loginuidpwd
{
    text-align:right;
    float:right;
}
div.userid,div.pwd
{
    height:18px;
    width:220px;
    padding:15px 35px 5px 5px;
    text-align:right;
}
div.formlogin .labelText1
{
    text-align:right;
}
input.userid,input.pwd
{
    width:150px;
}
div.btnlogin
{
    width:100%;
    padding:15px 0px 0px 0px;
}*/
/*********************************END LOGIN*********************************/

div.notesfield
{
    height: 39px;
    padding-top: 20px;
}

.oldsubelement,.subelement
{
    min-height: 22px;
    padding-top:3px;
    padding-bottom:3px;
}
.subelement
{
    float: left;
}

html[dir=rtl] .subelement
{
    float: right;
}

div.floatleft
{
    float: left;
}

html[dir=rtl] div.floatleft
{
    float: right;
}

div.floatright
{
    float: right;
}

html[dir=rtl] div.floatright
{
    float: left;
}

chkboxlist
{
    text-align: left;
}

div.form
{
    width: 100%;
    /*background-color: #FFFFFF;*/
    margin: 0px;
}

.section
{
    width: 100%;
    border: 0px;
}

.controllabel
{
    font-weight: normal;
    font-size: 12px;
    color: black;
    padding-left: 2px;
    padding-right: 2px;
}

.sectiondetails
{
    width: 100%;
    margin-bottom: 0px;
}

.sectionheading
{
   color: #3F3F3F;
    height: 35px;
    padding: 0px 0px 0px 2px;
    text-align: left;
    vertical-align:middle;
    background-color: #DADADA;
    width: auto;
}

html[dir=rtl] .sectionheading
{
    text-align: right;
}

div.heading
{
    width: 70%;
    text-align: left;
    position:relative;
    top:22%;
    left:2px;
    font-weight: bold;
    font-size: 14px;
    color:#3F3F3F;
    float: left;
    text-align: left;
}

html[dir=rtl] div.heading
{
    text-align: right;
    right:2px;
    left:0px;
    float: right;
}


div.actionbutton
{
    width: 30%;
    float: right;
    text-align: right;
    height:35px;
}

html[dir=rtl] div.actionbutton
{
    float: left;
    text-align: left;
}

.actionbutton a
{
    position: relative;
    top: 10px;
}

.actionbutton input
{
    position: relative;
    top: 1px;
}

.actionbutton input:active
{
    top: 2px;
}

.heading input
{
    position: relative;
    bottom: 4px;
}

.heading a
{
    position: relative;
    bottom: 1px;
}

.sectionfields
{
    width: 100%;
    border-left:1px solid #DEDEDE;
    border-right:1px solid #DEDEDE;
}

table.sectionfields tr:last-child > td
{
    border-style:none;
    border-width:0px;
}
/******************Customer Screen**************************/
.frm120
{
}

.frm120 .primaryaddress, .frm120 .billingaddress
{
    border: 0px none;
    width: 100%;
}

.frm120 .addresssection, .addresshead
{
    width: 100%;
}
.subhead .primaryaddresshead td, .subhead .billingaddresshead td
{
    background-color: #DADADA;
    color: #3F3F3F;
    font-size:14px;
    font-weight:bold;
}
.frm120 #ctl00_uxPgCPH_tdaddress .primaryaddresshead, .frm120 #ctl00_uxPgCPH_tdaddress .billingaddresshead
{
    height: 35px;
    padding: 0px 0px 0px 2px;
    text-align: left;
    vertical-align:middle;
    background-color: #DADADA;    
    width: 50%;
}

.frm120 .notes
{
    width: 70%;
}

.frm120 .formfields
{
    width: 100%;
}

.frm120 .homepassed, .frm120 .useprimaryaddress
{
    text-align: right;
}
#ctl00_uxPgCPH_uxBillSummaryGrid .amount 
{
    text-align: left !important;
    padding: 0px 3px 0px 0px;
    padding-left:3px;
}
#ctl00_uxPgCPH_priceplanpricinggrid .listcol7
{
    text-align:center !important;
}
#ctl00_uxPgCPH_tdnotes .optionalimg
{
    height: 59px;
}

#ctl00_uxPgCPH_tdnotes .requiredimg
{
    height: 59px;
}

.frm120 #ctl00_uxPgCPH_tdaddress .subhead
{
    width: 100%;
}
#tblparentchildpnl_head
{
    border-top: 1px solid #C0C0C0;
}
#tblparentchild_childinfo
{
    padding-top:20px;
}
#ctl00_uxPgCPH_uxControls .section
{
    margin-top:2px;
}
/******************Customer Screen**************************/

tr.rowstyle
{
}

tr.altrowstyle
{
}

td.column11
{
    height: 25px;
    width: 100%;
    border-bottom: 1px solid #DEDEDE;
}

td.column1,td.column2
{
    height: 25px;
    width: 50%;
    border-bottom: 1px solid #DEDEDE;
}
td.columnr1
{
    height: 25px;
    width:125px;
    font-weight: bold;
    font-size: 13px;
    color: black;
    text-align: left;
}
html[dir=rtl] td.columnr1
{
    text-align: right;
}
td.columnr2
{
    height: 25px;
    width:275px;
    text-align: left;
    font-size: 12px;
    color: black;
}
html[dir=rtl] td.columnr2
{
    text-align: right;
}
td.columnr11
{
    height: 25px;
    width:150px;
    font-weight: bold;
    font-size: 13px;
    color: black;
    text-align: left;
     border-bottom: 1px solid #DEDEDE;
    border-collapse: collapse;
    
}
html[dir=rtl] td.columnr11
{
    text-align: right;
    
}
td.columnr12
{
    height: 25px;
    width:250px;
    text-align: left;
    font-size: 12px;
    color: black;
     border-bottom: 1px solid #DEDEDE;
    border-collapse: collapse;
}
html[dir=rtl] td.columnr12
{
    text-align: right;
}
td.columnr3
{
   border-bottom: 1px solid #DEDEDE;
    border-collapse: collapse;
}
tr.rowstyle
{
    border-bottom: 1px solid #DEDEDE;
}

tr.altrowstyle
{
    border-bottom: 1px solid #DEDEDE;
}
td.searchcolumn1
{
    width: 150px;
    word-wrap: break-all;
}
td.searchcolumn2
{
    word-wrap: break-all;
}
td.searchcolumn3
{
    width: 250px;
    word-wrap: break-all;
}

.gridcolumnhead
{
    height: 30px;
    vertical-align: middle;
    text-align: left;
    width: 100%;
    border-left: 0px solid #DEDEDE;
}

html[dir=rtl] .gridcolumnhead
{
    text-align: right;
}

th
{
    text-align:left;
    }

html[dir=rtl] th
{
    text-align:right;
    }

.gridcolumnhead th
{
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    border-bottom: 1px solid rgb(222, 222, 222);
    /*border-right: 0px solid rgb(222, 222, 222);*/
    border-left:2px solid rgb(222, 222, 222);
    background-color:#5F5F5F;
    padding: 3px;
}

.gridcolumnhead th a
{
    font-weight:bold;
    color: White;
}

.gridcolumnhead th a:hover
{
    color:#C44A49;
}

th
{
    text-align:left;
}


/*.gridcolumnhead > th
{
    border-right: 2px solid rgb(222, 222, 222);
}*/

.gridcolumnhead > th:first-child
{
    border-left: 0px solid rgb(222, 222, 222);
}

.gridcolumnhead > th:last-child
{
    border-right: 0px solid rgb(222, 222, 222);
}

.griditem > td,.altgriditem > td
{
    height:25px;
    padding:3px;
}

.amount
{
    text-align: right !important;
    padding: 0px 3px 0px 0px;
}

html[dir=rtl] .amount
{
    text-align: left;
}

.gridtable /*not required, can be deleted*/
{
    /*border-left: 1px solid rgb(222, 222, 222);*/
    border-left: 2px solid #DEDEDE;
}

.grid
{
    width: 100%;
    padding-bottom: 3px;
    border-top: 1px solid rgb(222, 222, 222);
}

div.gridfields
{
    width: 100%;
}

div.gridoverflow
{
    overflow: scroll;
    behavior: url('../themes/default/mainportal/css/ScrollPos.htc');
    height: 150px;
    border-left: 1px solid rgb(222, 222, 222);
    border-bottom: 1px solid rgb(222, 222, 222);
    border-right: 1px solid rgb(222, 222, 222);
}

div.listoverflow
{
    overflow: scroll;
    behavior: url('../themes/default/mainportal/css/ScrollPos.htc');
    height: 150px;
    overflow-x: hidden;
}

/*.griditem
{
	height: 16px;
	font-weight: normal;
	font-size: 10px;
	background-color: #ECF5FF;
	color: #000000;
}       
                                        //Raghava
.altgriditem                    
{
	height: 16px;
	font-weight: normal;
	font-size: 10px;
	background-color: #E1F0FF;
	color: #000000;
}*/

/*Removed form*/

td.flexcolumn
{
    width: 100%;
    padding-bottom: 0px;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}

td.flexcolumn1
{
    width: 33.5%;
    padding-bottom: 0px;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}

td.flexcolumn2
{
    width: 33%;
    padding-bottom: 0px;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}

td.flexcolumn3
{
    width: 33.5%;
    padding-bottom: 0px;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}

/* .flexoptionaltext1, .flexoptionaltext2, .flexoptionaltext3
{
    width: 150px;
    font-weight: normal;
    font-size: 12px;
    color: black;
    text-align: right;
    background-color: #F7F7F7;
    padding-top: 4px;
}*/

/* .flexrequiredtext1, .flexrequiredtext2, .flexrequiredtext3
{
    width: 150px;
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-align: right;
    background-color: #F7F7F7;
    padding-top: 4px;
}*/

/*.subhead td
{
	font-weight: bold;
	font-size: 12px;
	color: #43669b;
	border-bottom:1px solid #cce;
	border-right:1px solid #cce;
	border-top:1px solid #cce;
	border-left:1px solid #cce;
	padding:3px;
}
.subhead th
{
	font-weight: bold;
	font-size: 12px;
	color: #43669b;
	border-bottom:1px solid #cce;
	border-right:1px solid #cce;
	border-top:1px solid #cce;
	border-left:1px solid #cce;
	padding:3px;
}
*/
.subhead
{
    height: 30px;    
   /* vertical-align: middle;
    text-align: left;*/
}
.subhead td
{
    /*font-weight: bold;
    font-size: 12px;
    color: #3F3F3F;    
    text-align: left;*/
    
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    border-bottom: 1px solid rgb(222, 222, 222);
    border-right: 2px solid rgb(222, 222, 222);
    background-color:#5F5F5F;
    padding: 3px;
    text-align:left;
}

html[dir=rtl] .subhead td
{
    text-align:right;
}

.form .subhead
{
    font-weight: bold;
    font-size: 12px;
    color: #3F3F3F;
    height: 30px;
    text-align: left;
    background-color: #DADADA;
/*    border: 1px solid #EAEAEA;*/
    width: auto;
}

html[dir=rtl] .form .subhead
{
    text-align: right;
}

.form .subhead td
{
    border-style: none;
    padding: 0px;
    width: auto;
}

.subhead th
{
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    border-bottom: 1px solid rgb(222, 222, 222);
    border-left:2px solid rgb(222, 222, 222);
    background-color:#5F5F5F;
    padding: 3px;
}
.subheadOLD
{
    font-weight: bold;
    font-size: 16px;
    color: #333366;
    height: 20px;
    background-color: rgb(247, 247, 247);
    padding: 6px 0px 0px 0px;
    text-align: left;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid lightgrey;
    width: 100%;
}
html[dir=rtl] .subheadOLD
{
    text-align: right;
}


.gridmessage
{
    font-size: 14px;
    font-weight: bold;
    color: red;
    text-align: center;
    vertical-align: middle;
    text-align: center;
}

.gridmessage td
{
    height: 28px;
    border-bottom: 1px solid rgb(222, 222, 222);
    border-right: 1px solid rgb(222, 222, 222);
    border-left: 1px solid rgb(222, 222, 222);
}

.labelfield
{
    width: 40%;
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-align: right;
    float: left;
    padding-right: 2px;
}

html[dir=rtl] .labelfield
{
    text-align: left;
    float: right;
    padding-left: 2px;
    padding-right: 0px;
}

.searchlblfield
{
    width: 40%;
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-align: right;
    float: left;
    padding-right: 2px;
}

html[dir=rtl] .searchlblfield
{
    text-align: left;
    float: right;
    padding-left: 2px;
    padding-right: 0px;
}

.textfield
{
    width: 57%;
    font-weight: normal;
    font-size: 12px;
    color: black;
    text-align: left;
    float: left;
    border: 0px none;
    padding-left: 3px;
    word-break:break-all;
}

html[dir=rtl] .textfield
{
    text-align: right;
    float: right;
    padding-right: 3px;
    padding-left: 0px;
}

td.column31
{
    width: 33.5%;
    padding-bottom: 0px;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}

td.column32
{
    width: 33%;
    padding-bottom: 0px;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}

td.column33
{
    width: 33.5%;
    padding-bottom: 0px;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}

td.column31 input.text,td.column31 input.inputtext,td.column31 INPUT.price,td.column31 input.logininputtext,
td.column31 textarea,td.column31 TEXTAREA.text,td.column31 .textarea,
td.column31 .searchctrltext,td.column31 .searchctrlselect,
td.column31 .select,td.column31 SELECT.text,
td.column31 .textarea,td.column31 .hyperlink
{
    width:140px;
    /*position:relative;
    bottom:10px;*/
}

td.column32 input.text,td.column32 input.inputtext,td.column32 INPUT.price,td.column32 input.logininputtext,
td.column32 textarea,td.column32 TEXTAREA.text,td.column32 .textarea,
td.column32 .searchctrltext,td.column32 .searchctrlselect,
td.column32 .select,td.column32 SELECT.text,
td.column32 .textarea,td.column32 .hyperlink
{
    width:140px;
    /*position:relative;
    bottom:10px;*/
}

td.column33 input.text,td.column33 input.inputtext,td.column33 INPUT.price,td.column33 input.logininputtext,
td.column33 textarea,td.column33 TEXTAREA.text,td.column33 .textarea,
td.column33 .searchctrltext,td.column33 .searchctrlselect,
td.column33 .select,td.column33 SELECT.text,
td.column33 .textarea,td.column33 .hyperlink
{
    width:140px;
    /*position:relative;
    bottom:10px;*/
}

td.column41
{
   width: 25%;
   padding-bottom: 0px;
   border-bottom: 1px solid rgb(222, 222, 222);
   height: 25px;
}

td.column42
{
   width: 25%;
   padding-bottom: 0px;
   border-bottom: 1px solid rgb(222, 222, 222);
   height: 25px;
}

td.column43
{
   width: 25%;
   padding-bottom: 0px;
   border-bottom: 1px solid rgb(222, 222, 222);
   height: 25px;
}

td.column44
{
   width: 25%;
   padding-bottom: 0px;
   border-bottom: 1px solid rgb(222, 222, 222);
   height: 25px;
}	

/***Delete while checkin111********/
.inputtextport
{
    width: 30px;
}

input.inputtextport:hover
{
    border: 1px solid #000000;
}
/***Delete while checkin111********/


/********Delete while checkin2222************/

/* masterwizard Classes */
.mwpageseparator
{
    border-top: 4px solid rgb(234, 234, 234);
    height: 15px;
    width: 100%;
}
.display
{
    display: none;
}
/* end of masterwizard Classes */

/*******Buttons***********/
/*************Search Control Classes***********************/
/*.searchcontrol
{
    border: solid 0px #DCDCDC;
    margin-bottom:10px;
    font-family: Verdana,Helvetica,sans-serif;
}*/

.searchcontrol
{
    border: 2px solid #C5C5C6;
    margin-bottom: 5px;
    background-color:#EAEAEA;
}

.divsearchresult
{
    /*min-height: 50px;*/
    padding:10px 5px;
}

/*.searchdetails
{  
    width:100%;
	border-left: #DCDCDC 1px solid;
	border-right: #dcdcdc 1px solid;
	border-top: #DCDCDC 1px solid;
	border-bottom: #B0C4DE 1px solid;
	padding-bottom:4px;
    padding-left:4px;
}*/

.searchdetails
{
    border-bottom: 1px solid #C5C5C6;
    width: 100%;
    padding:3px 5px;
}

tr.searchselfcare
{   
    height: 10px;
}

.searchselfcare td
{
    width: 13%;
}

tr.searchmain
{
    height: 15px;
}

.searchmain td
{
    width: 25%;
}
.searchmain1 td {
    width: 20%;
}

tr.searchinputcontrols
{
    height: 15px;
}

.searchinputcontrols td
{
    width: 25%;
}
.searchinputcontrols1 td {
    width: 20%;
}
.searchcontactwidth {
    width: 30% !important;
}
html[dir=ltr] .searchcontactlbl{   
    width: 120px;
    font-weight: normal;
    font-size: 13px;
    padding-left:155px !important;
}

html[dir=rtl] .searchcontactlbl{     
    width: 120px;
    font-weight: normal;
    font-size: 13px;   
    float:left;
    padding-left:119px;
}
.CustSearch_lblcountry
{
    float:right;
}

/*.searchlabel
{
    width: 120px;
	font-weight: normal;
	font-size: 12px;
	color: #43669b;
	font-family: Verdana,Helvetica,sans-serif;
}*/

.searchlabel
{
    width: 120px;
    font-weight: normal;
    font-size: 13px;
}

table.searchresult
{
    width: 100%;
}

table.searchcontrolresult
{
    width: 100%;
}

.searchcontrolresult td
{
    vertical-align: text-top;
    word-wrap: break-all;  
    padding-left: 1px;
}

html[dir=rtl] .searchcontrolresult td
{  
    padding-right: 1px;
    padding-left: 0px;
}

.searchresult td
{
    font-weight: bold;    
    vertical-align: text-top;
    word-wrap: break-word;  
    width: 25%;
            
}

.searchresult td:first-child
{
    padding-left: 4px;
}

html[dir=rtl] .searchresult td:first-child
{
    padding-right: 4px;
    padding-left: 0px;
}

.searchctrltext
{   
}

.searchctrlselect
{   
}

.searchaddctlshide
{
    display: none;
}

.searchaddctlsvisible
{
    display: inline;
    width: 390px;
}

div.searchselfcarehelp
{
    width: 100%;
}

div.selfcarehelpcontainer
{
    width: 100%;
}

div.searchhelphide
{
    display: none;
}

div.searchhelpvisible
{
    display: inline;
}

div.searchfloat
{
    float: left;
}

html[dir=rtl] .searchfloat
{
    float: right;
}

/*.searchresultlabel
{
    padding-left:4px;
	font-weight: bold;
	font-size: 11px;
	color: #43669b;
    word-wrap:break-word;	
    font-family: Verdana,Helvetica,sans-serif;
}*/

.searchresultlabel
{
    font-weight: bold;
    font-size: 12px;
    word-wrap: break-word;
}
.searchresultlabel:after 
{
    text-indent:-9999999999999px;
}
.searchresultlabelNormal
{

    font-size: 12px;
    word-wrap: break-word;
}
.searchresultlabelNormal:after 
{
    text-indent:-9999999999999px;
}
.currency
{
    font-weight: bold;
    font-size: 11px;
    color: Red;
}

.divsearchresult .namebalance
{
    width:100%;
}

.namebalance .searchcolumn1
{
    width:100px;
}

.namebalance .searchname
{
    width:100%;
}

.namebalance .searchbalance
{
    width:100%;
}

.searchbalance .searchcolumnoptImg
{
    width:1%;
}

.searchbalance .searchcolumn2
{
    width:12%;
}

.namebalance .tdname
{
    width:49%
}

.namebalance .tdbalance
{
    width:49%
}

.namebalance .tdimg
{
    width:2%
}
/*************Search Control Classes***********************/

/*************Customer search control*******************/
.customersearchctrl
{
}

.customersearchctrl .gridoverflow
{
    height: 320px;
}

.customersearchctrl .custsearchgridcolumn1
{
    width: 10%;
    word-wrap: break-word;
    vertical-align: top;
}

.customersearchctrl .custsearchgridcolumn2
{
    width: 21%;
    word-wrap: break-word;
    vertical-align: top;
}

.customersearchctrl .custsearchgridcolumn3
{
    width: 22%;
    word-wrap: break-word;
    vertical-align: top;
}
.customersearchctrl .custsearchgridcolumn4
{
    width: 21.4%;
    word-wrap: break-word;
    vertical-align: top;
}
.customersearchctrl .custsearchgridcolumn5
{
    width: 23.4%;
    word-wrap: break-word;
    vertical-align: top;
}
.customersearchctrl .custsearchgridscroll
{
    width: 2%;
}

.customersearchctrl .custsearchdtls
{
    width: 100%;
}
.customersearchctrl .custsearchcompany
{
     font-weight:bold;
}
.customersearchctrl .DisabledLink
{
    width: 10%;
    word-wrap: break-word;
    vertical-align: top;    
    pointer-events: none;
    cursor: default;
}
.customersearchctrl .DisabledLink A:first-child
{
    text-decoration:none;
}
.customersearchctrl .custsearchnumber{
    position:relative;
    top:7px;
}

/*************Customer search control*******************/

/*************Look up search*****************/


.frmlookupcontrol
{
   
}
div.lookupsearch
{
    float: left;
}

html[dir=rtl] .lookupsearch
{
    float: right;
}

div.lookupsearchelement
{
    float: left;
}

html[dir=rtl] div.lookupsearchelement
{
    float: right;
}

td.lookupsearchtext
{
    float: left;
    margin-bottom: 1px;
}

html[dir=rtl] td.lookupsearchtext
{
    float: right;
}

td.lookupsearchtextdown
{
    text-align: left;
}
html[dir=rtl] td.lookupsearchtextdown
{
    text-align: right;
}
.frmlookupsearch .gridfields
{
    min-height: 400px;
}
/*************Look up search*****************/

/******************Address Control****************/
.addresscontrol
{
    width: 100%;
    border: 0;
}

.addresscontrol .subelement div
{
    float: left;
    padding-right: 4px;
}

html[dir=rtl] .addresscontrol .subelement div
{
    float: right;
    padding-right: 0px;
    padding-left: 4px;
}

.addresselementlookup
{
    text-align: center;
    max-height: 10px;
    padding-top:5px;
}

.addresscontrol .cursortype
{
    cursor: pointer;
}
/******************Address Control****************/
/******************SingleView***********************/

.svsectionfloatleft
{
    width: 49.8%;
    float: left;
}
html[dir=rtl] .svsectionfloatleft
{
    float: right;
}
.svsectionfloatright
{
    width: 50%;
    float: right;
}
html[dir=rtl] .svsectionfloatright
{
    float: left;
}
.svgridheight
{
    height:30px;
}

/****Notice section*******/

.svmarquee
{
    font-weight: bold;
    font-size: 11px;
    color: #43669b;
}
/****Notice section*******/
.contractalign
{
    float: right;
}
html[dir=rtl] .contractalign
{
    float: left;
}
.svcustomer
{
    width: 74.6%;
    float: left;
}
html[dir=rtl] .svcustomer
{
    float: right;
}
.svbillaging
{
    width: 25%;
    float: left;
    padding-left: 3px;
}
html[dir=rtl] .svbillaging
{
    float: right;
    padding-right: 3px;
    padding-left: 0px;
}

.svnoticeinfo
{
    float: left;
}
html[dir=rtl] .svnoticeinfo
{
    float: right;
}
.svservicereqinfo
{
    float: left;
}
html[dir=rtl] .svservicereqinfo
{
    float: right;
}
.svsoainfo
{
    float: left;
}
html[dir=rtl] .svsoainfo
{
    float: right;
}
.svpaymentsinfo
{
    float: left;
}
html[dir=rtl] .svpaymentsinfo
{
    float: right;
}

.svhistoryinfo
{
    float: left;
}
html[dir=rtl] .svhistoryinfo
{
    float: right;
}
.svhardwareinfo
{
    float: left;
}
html[dir=rtl] .svhardwareinfo
{
    float: right;
}
.svcustominfo
{
    float: left;
}
html[dir=rtl] .svcustominfo
{
    float: right;
}
.svcustomerinfo
{
    float: left;
}
html[dir=rtl] .svcustomerinfo
{
    float: right;
}
.svcontractinfo
{
    float: left;
}
html[dir=rtl] .svcontractinfo
{
    float: right;
}
.svnotesinfo
{
    float: left;
}
html[dir=rtl] .svnotesinfo
{
    float: right;
}
.svaginginfo
{
    float: left;
}
html[dir=rtl] .svaginginfo
{
    float: right;
}
.svbillinginfo
{
    float: left;
}
html[dir=rtl] .svbillinginfo
{
    float: right;
}
/******************PaymentsSection***********************/
.svpaymentallocinfo
{
    width: 20%;
}
.svpaymentno
{
    width: 20%;
}
.svpaymentdate
{
    width: 20%;
}
.svpaymentmode
{
    width: 20%;
}
.svpaymentamt
{
    width: 20%;
}
/******************PaymentsSection***********************/
/******************HardwareSection***********************/
.svhwitem
{
    width: 28%;
}
.svhwserialno
{
    width: 30%;
}
.svhwwarrantyexpdate
{
    width: 24%;
}
.svhwalloctype
{
    width: 18%;
}
/******************HardwareSection***********************/
/******************StatementOfAccountSection***********************/
.svsoastatementno
{
    width: 10%;
}
.svsoabillingdate
{
    width: 20%;
}

.svsoaduedate
{
    width: 20%;
}
.svsoaamtdue
{
    width: 14%;
}

.svsoalastsentdate
{
    width: 12%;
}
.svsoaemailhist
{
    width: 2%;
}
.svsoaaltemail
{
    width: 14%;
}
.svsoaaction
{
    width: 8%;
}
/******************StatementOfAccountSection***********************/
/******************ServiceRequestSection***********************/
.svsrvcomments
{
    width: 2%;
}
.svsrvrequestno
{
    width: 10%;
}
.svsrvdate
{
    width: 10%;
}
.svsrvcategory
{
    width: 15%;
}
.svsrvstatus
{
    width: 10%;
}

.svsrvassignedto
{
    width: 10%;
}
.svsrvnature
{
    width: 18%;
}
.svsrvlastupdated
{
    width: 10%;
}
.svsrvdescr
{
    width: 15%;
}
/******************ServiceRequestSection***********************/
/******************HistoryInfoSection***********************/

.svhistdate
{
    width: 21%;
}
.svhistdescr
{
    width: 79%;
}
/******************HistoryInfoSection***********************/
/******************NotesInfoSection***********************/

.svntscategory
{
    width: 18%;
}
.svntssubcat
{
    width: 25%;
}
.svntsnotes
{
    width: 27%;
    word-break: break-all;
}
.svntsdate
{
    width: 16%;
}
.svntsaction
{
    width: 10%;
}
/******************NotesInfoSection***********************/

/******************Singleview***********************/

/******************Interface Profile****************/

.frm611 .frm611section
{
    width: 70%;
}

.frm611 .frm611gridcolumnwidth
{
    width: 100%;
}

.frm611 .frm611gridheight
{
    height: 400px;
}


/******************Interface Profile***********************/
/**************Look up code****************/
.frmlookupcode
{
}

.frmdeflookupcodesearch .gridoverflow
{
    height: 400px;
}

/**************Look up code****************/
/******************Service Request***************/

.frm162 .notes
{
    width: 600px;
    height: 49px;
}
.frm162 .descr
{
    width: 600px;
    height: 49px;
}
.frm162 .formfields
{
    width: 100%;
}
.frm162 .tabwidth
{
    width: 100%;
}
.frm162 .cmntnotes
{
    width: 600px;
    height: 49px;
}
.frm162 .btnaligncenter
{
    text-align: center;
}
.frm162 .gridheight
{
    height: 200px;
}
.frm162 .gridscroll
{
   overflow : auto;
}
.frm162 .commentbutton
{ 
    margin-left: 7px;
    margin-top: 17px;
}
.frm162 .shortdescr
{
    width: 600px;
    height: 26px;
}
.frm162 .chkinternal1 {
    padding-left:10px;
}

.frm162 .chkinternal2 {
   padding-right:20px;
   padding-left:2px;
}
/******************Service Request***************/
/******************Work Order***************/

.frm168 .notes
{
    width: 600px;
    height: 49px;
}
.frm168 .descr
{
    width: 600px;
    height: 49px;
}
.frm168 .formfields
{
    width: 100%;
}
.frm168 .tabwidth
{
    width: 100%;
}
.frm168 .cmntnotes
{
    width: 600px;
    height: 49px;
}
.frm168 .btnaligncenter
{
    text-align: center;
}
.frm168 .gridheight
{
    height: 200px;
}
.frm168 .gridscroll
{
    overflow: auto;
}
.frm168 .gvitems .inputtext
{
    width: 100%;
}
.frm168 .gvitems .select
{
    width: 100%;
}
.frm168 .commentbutton
{ 
    margin-left: 7px;
    margin-top: 17px;
}
/******************Work Order***************/
/******************Service Request Search***************/
.frm1040 div.grdoverflow
{
    overflow: scroll;
    behavior: url('../themes/default/mainportal/css/ScrollPos.htc');
    height: 250px;
    overflow-x: hidden;
}
/******************Service Request Search***************/
/******************Work Order Search***************/
.frm1056 div.grdoverflow
{
    overflow: scroll;
    behavior: url('../themes/default/mainportal/css/ScrollPos.htc');
    height: 250px;
    overflow-x: hidden;
}
/******************Work Order Search***************/

/******************Layout****************/

.frm607
{
}

.frm607 .frm607gridheight
{
    height: 250px;
}


/******************Layout ***********************/
 /*************MSO issue serial number popup*****************/
.frm1045 .gridoverflow
{
	height:350px;
}
/*************MSO issue serial number popup*****************/

/******************Enhanced Service Order Screen******************/
.frm616
{
}

.frm616 #ctl00_uxPgCPH_tduxNotes .optionalimg
{
    height: 59px;
}

.frm616 #ctl00_uxPgCPH_tduxNotes .requiredimg
{
    height: 59px;
}

.frm616 #divplans
{
    width: 65%;
    float: left;
    height: 375px;
}

.frm616 #divplans .gridoverflow
{
    height: 314.2px;
}

.frm616 #divplans .addalcrteplans
{
    height:347px !important;
}

.frm616 #ctl00_uxPgCPH_divshoppingcart
{
    width: 35%;
    height: 390px;
    float: left;
}
.frm616 #ctl00_uxPgCPH_divshoppingcart .gridoverflow
{
    height: 350px;
}
#ctl00_uxPgCPH_dlprodoutlet
{
    border:unset;
}
.frm616 .productoutlets .gridoverflow
{
	border-top: 1px solid rgb(222, 222, 222);
}
.frm616 .productoutlets
{
	clear:both;
}

.frm616 .leasehardware
{
	clear:both;
}

.frm616 .salehardware
{
	clear:both;
}

.frm616 .customerhardware
{
	clear:both;
}

.frm616 .secondsalehardware
{
	clear:both;
}

.frm616 .productoutlets .gridoverflow, .frm616 .leasehardware .gridoverflow, .frm616 .salehardware .gridoverflow, .frm616 .customerhardware .gridoverflow,.frm616 .secondsalehardware .gridoverflow
{
	overflow-x:hidden;
}


/*Lease grid*/
.gridleasehead1 {width:20.5%;}
.gridleasehead2 {width:79%;}

.gridleasedata1 {width:20.8%;}
.gridleasedata2 {width:77.2%;}
.gridleasedata3 {width:2%;}
/*Lease grid*/
        
/*Sale grid*/
.gridsalehead1 {width:20%;}
.gridsalehead2 {width:6.1%;}
.gridsalehead3 {width:21%;}
.gridsalehead4 {width:6%;}
.gridsalehead5 {width:9%;}
.gridsalehead6 {width:25%;}
.gridsalehead7 {width:5.1%;}
.gridsalehead8 {width:3%;}
.gridsalehead9 {width:3%;}
.gridsalehead10 {width:1.8%;}
        
.gridsaledata1 {width:20%;}
.gridsaledata2 {width:6%;}
.gridsaledata3 {width:21%;}
.gridsaledata4 {width:6%;}
.gridsaledata5 {width:9%;}
.gridsaledata6 {width:25%;}
.gridsaledata7 {width:5%;}
.gridsaledata8 {width:3%;}
.gridsaledata9 {width:3%;}
/*Sale grid*/

/*Own grid*/
.gridownhead1 {width:21%;}
.gridownhead2 {width:35%;}
.gridownhead3 {width:35%;}
.gridownhead4 {width:5%;}
.gridownhead5 {width:2.5%;}
.gridownhead6 {width:1.5%;}

.gridowndata1 {width:20.9%;}
.gridowndata2 {width:35%;}
.gridowndata3 {width:35%;}
.gridowndata4 {width:5%;}
.gridowndata5 {width:2.5%;}
/*Own grid*/

/*Secsale grid*/
.gridsecsalehead1 {width:41%;}
.gridsecsalehead2 {width:50%;}
.gridsecsalehead3 {width:5%;}
.gridsecsalehead4 {width:2.5%;}
.gridsecsalehead5 {width:1.5%;}

.gridsecsaledata1 {width:41%;}
.gridsecsaledata2 {width:50%;}
.gridsecsaledata3 {width:5%;}
.gridsecsaledata4 {width:2.5%;}
/*Secsale grid*/

.frm616 .gridsaledata1 .select
{
	width:200px;
}

.frm616 .gridsaledata2 .inputtext
{
	width:50px;
}

.frm616 .gridsaledata3 .select
{
	width:200px;
}

.frm616 .gridsaledata4 .inputtext
{
	width:50px;
}

.frm616 .gridsaledata5 .inputtext
{
	width:50px;
}

.frm616 .gridsaledata6 .inputtext
{
	width:250px;
}

.frm616 .gridowndata1 .select
{
	width:200px;
}

.frm616 .gridowndata2 .inputtext
{
	width:250px;
}

.frm616 .gridowndata3 .inputtext
{
	width:250px;
}

.frm616 .gridsecsaledata1 .select
{
	width:200px;
}

.frm616 .gridsecsaledata2 .inputtext
{
	width:250px;
}

.frm616 .productoutlets .labelfield
{
	width:18%;
	padding-right:5px;
}

#ctl00_uxPgCPH_bundlesvcgrid[style]
{
    border-collapse:separate !important; 
    border-spacing:0px 5px;
}


#ctl00_uxPgCPH_bundlesvcgrid td
{   border-left:0px solid #5F5F5F;
    border-right:0px solid #5F5F5F; 
}


#ctl00_uxPgCPH_bundlesvcgrid td.gridplancol1
{
    border-left:1px solid #5F5F5F;
    border-top:1px solid #5F5F5F;
    border-bottom:1px solid #5F5F5F;
    border-right:0px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;        
}
#ctl00_uxPgCPH_bundlesvcgrid td.gridplancol4
{   border-top:1px solid #5F5F5F;
    border-bottom:1px solid #5F5F5F;
    border-right:1px solid #5F5F5F;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}
#ctl00_uxPgCPH_bundlesvcgrid td.gridplancol2
{   border-top:1px solid #5F5F5F;
    border-bottom:1px solid #5F5F5F;        
}

#ctl00_uxPgCPH_bundlesvcgrid .griditem:hover td, #ctl00_uxPgCPH_bundlesvcgrid .altgriditem:hover td,#ctl00_uxPgCPH_bundlesvcgrid .griditem:hover a,#ctl00_uxPgCPH_bundlesvcgrid .altgriditem:hover a,#ctl00_uxPgCPH_bundlesvcgrid .griditem:hover span,#ctl00_uxPgCPH_bundlesvcgrid .altgriditem:hover span
{    
    /*background-color:#EAEAEA;*/
    background-color:#C44A49;
    color: white;    
}
#ctl00_uxPgCPH_grdcontractdtls .contractselected
{
    background-color:rgb(112, 168, 80);
    color: white;        
}

#ctl00_uxPgCPH_bundlesvcgrid .contractplanold
{
    background-color:rgb(112, 168, 80);
    color: white;    
}

#ctl00_uxPgCPH_bundlesvcgrid .contractplannew
{
    background-color:rgb(218,218,218);    
}

.contractselected a, .contractplanold a
{
    color: white;
}

       
.frm616 .griditem,.frm616 .altgriditem
{
    height:40px;
}

.frm616 .griditem:hover td, .frm616 .altgriditem:hover td
{    
   background-color: #eaeaea;
   //color: White;
}


/*.frm616 #divplans .griditem td, .frm616 #divplans .altgriditem td
{
	border-bottom-width:1px;
	border-right-width:0px;
	border-top-width:1px;
}

.frm616 #divplans .griditem > td, .frm616 #divplans .altgriditem > td
{
    border-left: 0px solid rgb(222, 222, 222);
}*/

.frm616 .totalprice
{
    font-weight:bold;
}

.frm616 .svcordtotallbl
{
    float: left;
    width: 50%;
    text-align: right;
    padding-right: 10px;
}

.frm616 .svcordtotalprice
{
    float: right;
    width: auto;
} 

.frm616 .divajax
{
    background-color:Gray;
    opacity:0.1;
    filter:alpha(opacity=10);
}
        
.frm616 .ajaxloader
{
    position:fixed;
    top:20px;
    left:0px;
    height:100%;
    width:100%;
}

.frm616 .ajaxloader td
{
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
}

.frm1130 .servicedesc
{
    width:20%;
}

.frm1130 .gridtable
{
    width:100%;
}

.frm1130 .productcategory, .frm1130 .productdesc
{
    font-weight:bold;
}

.frm1130 #productsvc, .frm1130 #productsvc .gridtable, .frm1130 #productsvc .gridlist
{
	border:0px;
}

.frm1130 #productsvcgrp, .frm1130 #productsvcgrp .gridtable, .frm1130 #productsvcgrp .gridlist
{
	border:0px;
}

.frm1130 #productpkg, .frm1130 #productpkg .gridtable, .frm1130 #productpkg .gridlist
{
	border:0px;
}

.frm1130 #productpkggrp, .frm1130 #productpkggrp .gridtable, .frm1130 #productpkggrp .gridlist
{
	border:0px;
}

.frm1130 .indentation
{
	padding-left:1%;
}

.frm1130 .griditem:hover, .frm1130 .altgriditem:hover
{
	background-color: white;
    color: black;
}

.frm1130 .griditem:hover *, .frm1130 .altgriditem:hover *
{
	background-color: white;
    color: black;
}

.frm1032 .gridoverflow
{
	overflow-x:hidden;
	height:400px;
}
/******************Enhanced Service Order Screen******************/
.form .reccount
{
    align: right;
    font-weight: bold;
    font-size: 13px;
    color: #43669b;
    font-family: National;
    text-align: right;
}
.middle
{
    text-align: center;
}
/******************New Bill Screen**************************/
.frm179
{
}

.frm179 .frm179notes
{
    width: 70%;
}
/******************New Bill Screen**************************/

/******************List of Bills Screen**************************/
.frm180
{
}

/******************List of Bills Screen**************************/

/******************Credit Note Screen**************************/
.frm188
{
}

.frm188 .frm188height125px
{
    height: 125px;
}

.frm188 .frm188notes
{
    width: 70%;
}

.frm188 .inputtext120
{
    width: 120px;
}

.frm188 .select140
{
    width: 140px;
}

.frm188 .gridlist .inputtext
{
    width:120px;
}

.frm188 .gridlist .select
{
    width:140px;
}

.frm188 .gridlistpadding
{
   padding:0px 0px;
}

/******************Credit Note Screen**************************/
/******************Debit Note Screen**************************/
.frm191
{
}

.frm191 .frm191height125px
{
    height: 125px;
}

.frm191 .frm191notes
{
    width: 70%;
}

.frm191 .inputtext120
{
    width: 120px;
}

.frm191 .select140
{
    width: 140px;
}

.frm191 .gridlist .inputtext
{
    width:120px;
}

.frm191 .gridlist .select
{
    width:140px;
}

.frm191 .gridlistpadding
{
   padding:0px 0px;
}
/******************Debit Note Screen**************************/
/********Callenqnotesdetails************/
.frm1138 .subelement .notes
{
    width: 518px;
    height: 22px;
}
/********Callenqnotesdetails************/
/******************Bill Suppress Screen**************************/
.frm303
{
}

.frm303 .frm303notes
{
    width: 200px;
}

.frm303 .frm303width
{
    width: 50%;
}
/******************Bill Suppress Screen**************************/
/******************View Bill Screen**************************/
.frm1064
{
}
.frm1064 .frm1064addr
{
    height: 60px;
    vertical-align: top;
}

/******************View Bill Screen**************************/
/******************Adjustment History Screen**************************/
.frm1067
{
}
.frm1067 .frm1067height300px
{
    height: 300px;
}
/******************Adjustment History Screen**************************/
/******************Collection Screen**************************/

.frm270
{
}

.frm270 .inputtext80
{
    width: 80px;
}

.frm270 .gridlist .select
{
    width: 120px;
}

.frm270 .gridlist .inputtext
{
    width:80px;
}

.frm270 .optionaltext80
{
    width: 80px;
    font-weight: normal;
    font-size: 12px;
    color: black;
    text-align: right;
    position:relative;
    top:3px;
    padding:3px 0px;
}
.frm270 .frm270notes
{
    width: 70%;
}

.frm270 .griditem .frm270noborder td, .frm270 .altgriditem .frm270noborder td
{
    border-bottom: 0px solid #cce;
    border-right: 0px solid #cce;
    border-top: 0px solid #cce;
    border-left: 0px solid #cce;
    padding: 1px;
}

/******************Collection Screen**************************/

/******************Contract Collection Screen**************************/
.frm295
{
}

/******************Contract Collection Screen**************************/

/******************Check Bounce Screen**************************/
.frm288
{
}
.frm288 .inputtext80
{
    width: 80px;
}
.frm288 .frm288notes
{
    width: 70%;
}

/******************Check Bounce Screen**************************/
/******************View Credit Allocation Screen**************************/
.frm294
{
}
.frm294 .frm294scroll
{
    height: 120px;
}
/******************View Credit Allocation Screen**************************/
/******************View Pay-in-slip Screen**************************/
.frm555
{
}
.frm555 .frm555width
{
    width: 140px;
}
/******************View Pay-in-slip Screen**************************/
/******************Statement Screen**************************/
.frm316
{
}
.frm316 .frm316notes
{
    width: 70%;
}

.frm316 .frm316column
{
    height: 50px;
}
.frm316 .frm316subelement
{
    float: left;
    height: 50px;
    padding-top: 4px;
}
/******************Statement Screen**************************/
/******************Deposit Screen**************************/
.frm320
{
}
.frm320 .frm320notes
{
    width: 70%;
}

/******************Deposit Screen**************************/
/******************View Deposit Screen**************************/
.frm327
{
}
.frm327 .frm327height250px
{
    height: 250px;
}

/******************View Deposit Screen**************************/
/******************Deposit Screen**************************/
.frm315
{
}
.frm315 .frm315notes
{
    width: 70%;
}

/******************Deposit Screen**************************/
/******************Pending Refunds Screen**************************/
.frm331
{
}
.frm331 .frm331height250px
{
    height: 250px;
}

/******************Pending Refunds Screen**************************/
/******************View Payments Screen**************************/
.frm181
{
}
.frm181 .frm181height250px
{
    height: 250px;
}

/******************View Payments Screen**************************/
/******************Pending Payments Screen**************************/
.frm182
{
}
.frm182 .frm182inputtext
{
    border-right: #B0C4DE 1px solid;
    border-top: #B0C4DE 1px solid;
    border-left: #B0C4DE 1px solid;
    border-bottom: #B0C4DE 1px solid;
    height: 16px;
    background-color: #ffffff;
    width: 110px;
}

.frm182 .frm182inputtext:hover
{
    border: 1px solid #000000;
}

/******************Pending Payments Screen**************************/
/******************Vacation Screen**************************/
.frm402
{
}

.frm402 .frm402notes
{
    width: 180px;
}

.frm402 .frm402width
{
    width: 50%;
}

.frm402 .frm402optionaltext2
{
    color: black;
    width: 100px;
    font-weight: normal;
    font-size: 12px;
    font-family: National; /*Verdana, Helvetica, sans-serif;*/
    text-align: left;
}

.frm402 .frm402inputtext2
{
    border-right: #B0C4DE 1px solid;
    border-top: #B0C4DE 1px solid;
    border-left: #B0C4DE 1px solid;
    border-bottom: #B0C4DE 1px solid;
    height: 16px;
    background-color: #ffffff;
    width: 60px;
}

.frm402 .frm402inputtext2:hover
{
    border: 1px solid #000000;
}
/******************Vacation Screen**************************/
/******************Account Summary Screen**************************/
.frm183
{
}

/******************Account Summary Screen**************************/
/******************Payment Details Screen**************************/
.frm1063
{
}
.frm1063 .frm1063textfield
{
    width: 6%;
}
.frm1063 .frm1063scroll
{
    overflow:scroll;
}
.frm1063 .frm1063width
{
    width:100%;
}

/******************Payment Details Screen**************************/
/******************New Payment Screen**************************/
.frm147
{
}
.frm147 .frm147notes
{
    width: 70%;
}

.frm147 .frm147width60px
{
    width: 60px;
}

.frm147 .frm147width70px
{
    width: 70px;
}

.frm147 .frm147labelfield
{
    width: 20px;
    font-weight: bold;
    font-size: 12px;
    color: black;
    padding-right: 2px;
}
.frm147 .gridlist .inputtext
{
    width:120px;
}

/******************New Payment Screen**************************/
/******************Credit Allocation Screen**************************/
.frm293
{
}
.frm293 .gridlist .inputtext
{
    width: 120px;
}

/******************Credit Allocation Screen**************************/
/******************JournalVoucher Screen**************************/
.frm287
{
}

.frm287 .frm287table
{
    width: 100%;
}

.frm287 .frm287notes
{
    width: 70%;
}

.frm287 .frm287width50
{
    width: 50%;
    vertical-align:top;
}

/******************JournalVoucher Screen**************************/

/******************Layout ***********************/

/******************Login_Page ***********************/

.loginuidpwd
{
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-align: left;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 3px;
}
html[dir=rtl] .loginuidpwd
{
    text-align: right;
    padding-right: 20px;
    padding-left: 0px;
}
.loginbr
{
    border-bottom: 1px solid black;
    margin-left: 17px;
    margin-right: 17px;
    padding-top: 5px;
}

.logininputcontrol
{
    padding-left: 20px;
    margin-right: 0px;
}

html[dir=rtl] .logininputcontrol
{
    padding-right: 20px;
    margin-left: 0px;
}

input.logininputtext
{
}

input.logininputtext:hover
{
}

/******************Login******************/
/*div.login
{
    margin-top: 15%;
}*/
.login
{   
    /*position:fixed;
    left: 20%;
    top: 30%;
    width: 25%;
    height: 30%;
    margin: 0px 0px 0px 0px;*/
    
   /* position:absolute;
    top: 9.8%;
    width: 86%;
    height: 79.5%;
    margin: 0px 0px 0px 0px;*/
    
    position:absolute;
 /*   top: 100px;
    width: 850px;
    height: 452px;    */
}

/*.loginhead
{
    background-color:#C44A49;
    width:30%;
    padding-left:120px;
}

.loginhead #triangle-right
{ 
    width: 0; 
    height: 0; 
    border-top: 50px solid transparent; 
    border-left: 100px solid red; 
    border-bottom: 50px solid transparent;
}*/

/*.loginhead #triangle-right
{ 
    background-color:#C44A49;
    width:30%;
    padding-left:120px;
    border-top: 50px solid transparent; 
    border-left: 100px solid red; 
    border-bottom: 50px solid transparent;
}*/

.loginhead{
    background-color:#C44A49;
    width:30%;
    padding-left:120px;
}

html[dir=rtl] .loginhead{
    padding-right:120px;
    padding-left:0px;
}

.logintext
{
    font-weight: bold;
    font-size: 18px;
    color: rgb(0,0,0);
    height: 25px;
    text-align: right;
    padding: 10px 2px 0px 0px;
    padding-right: 5px;
    margin-right: 12px;
    margin-top: 2px;
}

html[dir=rtl] .logintext
{
    text-align: left;
    padding-left: 5px;
    padding-right: 0px;
    margin-left: 12px;
    margin-right: 0px;
}

.loginmqlogo
{
    width:100px;
}

.loginsurelogo
{   
    height: 35px;
    width: 100px;
    margin-left: 12px;
    margin-top: 2px;
    background-color:#C44A49;
}

.loginarrow
{   
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #C44A49;    
}
.arrow
{
    padding-top:16px;
}

.loginusername
{
    /*background-color:#F3F3F5;*/
}

.tduid
{
    padding-top: 2px;
    padding-bottom: 10px;
    width:35%;
}

.tdpwd
{
    padding-top: 2px;
    padding-bottom: 10px;
    width:35%;
}

.password
{
}

.loginbuttons
{
    width: 100%;
    height: 30px;
}

.loginformbutton
{   
    padding-top: 28px;
    padding-bottom: 10px;
}

.loginbtnsave
{
}

.loginbtnsave:hover
{
}

.loginbtnsave:active
{
}

.loginancselfcarelinks
{
    color: #960000;
    font-weight: bold;
    font-size: 15px;
    height: 25px;
    text-align: right;
    padding: 10px 2px 0px 0px;
}

html[dir=rtl] .loginancselfcarelinks
{
    text-align: left;
}

.loginfooter
{
    border-top: 1px solid black;
    margin-left: 17px;
    margin-right: 17px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 90%;
}

.loginselfcarelinksheight
{
    height:100px;
    vertical-align:top;
}

.loginselfcarelinksheight .hyperlink
{
    font-weight: bold;
    font-size: 12px;  
}

.arrowselfcare
{
    padding-top:16px;
}

.tduidselfcare
{
    padding-top: 102px;
    padding-bottom: 10px;
    width:35%;
}

.tdpwdselfcare
{
    padding-top: 102px;
    padding-bottom: 10px;
    width:35%;
}

.loginsurelogoselfcare
{   
    height: 35px;
    width: 100px;
    margin-left: 12px;
    margin-top: 102px;
    background-color:#C44A49;
}

html[dir=rtl] .loginsurelogoselfcare
{
    margin-right: 12px;
    margin-left: 0px;
}

.loginformbuttonselfcare
{   
    padding-top: 128px;
    padding-bottom: 10px;
}

.registerselfcare
{
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-align: left;
    padding-left: 40px;    
    padding-bottom: 3px;    
    padding-top: 40px;   
}

html[dir=rtl] .registerselfcare
{
    text-align: right;
    padding-right: 40px;
    padding-left: 0px; 
}

.forgotpwdselfcare
{
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-align: left;
    padding-left: 57px;    
    padding-bottom: 3px;    
    padding-top: 40px;
}

html[dir=rtl] .forgotpwdselfcare
{
    text-align: right;
    padding-right: 57px;
    padding-left: 0px;
}

/******************Login******************/
/******************Login******************/

/******************Pay in Slip Screen**************************/
table.payinslip
{
}
.payinslip td
{
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px;
    padding: 0;
}
/******************Pay in Slip Screen**************************/
.clearfix
{
}
.clearfix:after
{
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.clearfix .actionbutton
{
    width: 30%;
    float: right;
    text-align: right;
    padding-top: 5px;
}
html[dir=rtl] .clearfix .actionbutton
{
    float: left;
    text-align: left;
}
.dtSelect
{
    width: 50px;
    border: 1px solid rgb(192, 192, 192);
    border-radius: 4px 4px 4px 4px;
    background-color: rgb(242, 242, 242);
    font-weight: normal;
    font-size: 13px;
    color: black;
    font-style: normal;
    font-family: Segoe UI;
    height: 26px;
    padding: 2px 3px;    
}

.dtSelect:focus
{
    border: 1px solid #FFBD5F;
}
.dtSelect:hover
{
    border: 1px solid #3F3F3F;
}
/***********************************************************/
/******************Validation Expression Screen**************************/
.frm1140
{
   
}
.frm1140 .frm1140width
{
	width: 100%;
}
/******************Validation Expression Screen**************************/
/******************Parameter Expression Screen**************************/
.frm1141
{
}
.frm1141 .frm1141width
{
	width: 98%;
}
/******************Parameter Expression Screen**************************/

/*******Prospect******************/
.frm321 .addresssection
{
    width: 100%;
}
.frm321 .homespassed
{
float: right;
text-align: right;
height: 68%;
width: 7%;
padding: 6px 13px 0px 0px;
}
.frm321 .otherprovider
{
    width: 196px;
    height: 26px;
   
}
.frm321 .lblotherprovider
{
     padding-left: 72px;
}
/*******************************/
/******************Edit Suspense Payments**************************/
.frm268
{
}

.frm268 .frm268notes
{
    width: 70%;
}

/******************Edit Suspense Payments**************************/
/******************Pay-in-Slip Details Screen**************************/
.frm1132
{
}
.frm1132 .frm1132textfield
{
    width: 6%;
}
/******************Pay-in-Slip Details Screen**************************/
/******************Opportunity************************************/
.frm601 #tblnotes .optionalimg
{
    height: 59px;
}

.frm601 #tblnotes .inputcontrol
{
    width: 63%;
}

.frm601 #tblnotes .textarea
{
    width: 100%;
}
/******************Opportunity************************************/
/******************View Jv Screen**************************/
.frm1089
{
}

.frm1089 .frm1089table
{
    width: 100%;
}

.frm1089 .frm1089width50
{
    width: 50%;
    vertical-align:top;
}

/******************View Jv Screen**************************/
/******************Make Payment Screen**************************/
.frm309
{
}

.frm309 .frm309notes
{
    width: 70%;
}

/******************Make Payment Screen**************************/
/******************Standing Instruction Screen**************************/
.frm171
{
}
.frm171 .dtselect60px
{
    width: 60px;
}
/******************Standing Instruction Screen**************************/

.PrntTbBrdr
{
    /*border-top: 1px solid rgb(222, 222, 222);*/
    border-right: 1px solid rgb(222, 222, 222);
}
DIV.profiles
{
   overflow: auto; 
   height: 339px; 
   width: 230px; 
}

.chkboxlist
{    
    font-size: 13px;
    font-weight: normal;
    font-family: National;
    padding-right: 10px;
    text-align: left;
}

html[dir=rtl] .chkboxlist
{    
    padding-left: 10px;
    padding-right: 0px;
    text-align: right;
}

 .textdescr
 {
    height:35px;
    width:295px;
 }
 .griddel
 {
    width:5%;
 }
 .oldsubelement .chkboxlist
{
    width: 230px;
    font-size: 13px;
    font-weight: normal;
    font-family: National;
    padding-right: 10px;
    text-align: left;
   border:1px solid rgb(222,222,222);
}
html[dir=rtl] .oldsubelement .chkboxlist
{
    padding-left: 10px;
    padding-right: 0px;
    text-align: right;
}
 .fontsize
 {
 font-size:14px;
 }

TABLE.payinsliptblborder
{
    border-right: #B0CCF0 1px solid;
    border-top: #B0CCF0 1px solid;
    border-left: #B0CCF0 1px solid;
    border-bottom: #B0CCF0 1px solid;
}

.btmborder
{
	border-bottom: 1px solid rgb(222, 222, 222);
}

.width25
{
    width:25%;
}

.rghtborder
{
	border-right: 1px solid rgb(222, 222, 222);
}

 .griditem .itemtblnoborder td,  .altgriditem .itemtblnoborder td
{
    border-bottom: 0px solid #cce;
    border-right: 0px solid #cce;
    border-top: 0px solid #cce;
    border-left: 0px solid #cce;
    padding: 1px;
}

/************Emloyee********************************/
.toppadd
{
    padding-top:3px;
}
.emprole
{
    height:121px;
}
.listbox
{
    font-weight: normal;
    font-size: 13px;
    color: black; 
    border:1px solid #C0C0C0;
    background-color: rgb(242, 242, 242);
    border-radius: 3px;
    height:120px;
    width: 198px;
    padding:2px 3px;
    margin: 3px;
    padding: 6px 8px;
    text-shadow: none;
}

/******************FAS Summary Details Screen**************************/
.frm1105
{
}

.frm1105 .frm1105width
{
    height:300px;
}

/******************FAS Summary Details Screen**************************/
/******************SOA Email History Screen**************************/
.frm1119
{
}

.frm1119 .frm1119divwidth
{
    height:250px;
}

/******************SOA Email History Screen**************************/
/******************Technologies Screen**************************/
.frm1103
{
}

.frm1103 .frm1103divwidth
{
    height:250px;
}

/******************Technologies Screen**************************/
/******************Old screens*************************/
/***********Used in disconnection, reconnection, renewal, topup, adhoc usage and one time sale************/
.disgridlabel
{
	width: 10%;
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-align: right;
    padding-right: 2px;
}

html[dir=rtl] .disgridlabel
{
    text-align: left;
    padding-left: 2px;
    padding-right: 0px;
}

.disgridlabeloptional
{
	width: 10%;
    font-weight: normal;
    font-size: 12px;
    color: black;
    text-align: right;
    padding-right: 2px;
}

html[dir=rtl] .disgridlabeloptional
{
    text-align: left;
    padding-left: 2px;
    padding-right: 0px;
}

.disgridtext
{
	width: 20%;
    font-weight: normal;
    font-size: 12px;
    color: black;
    text-align: left;
    border: 0px none;
    padding-left: 3px;
}

html[dir=rtl] .disgridtext
{
    text-align: right;
    padding-right: 3px;
    padding-left: 0px;
}

.disgridsvclabel
{
	font-weight: bold;
    font-size: 12px;
    color: black;
    text-align: left;
    border-bottom:1px solid rgb(222,222,222);
}

html[dir=rtl] .disgridsvclabel
{
    text-align: right;
}

.msogridborder
{
	border-bottom:1px solid rgb(222,222,222);
	border-left:1px solid rgb(222,222,222);
}

.gridcontrolcenter
{
	text-align:center;
}

.sosvclabel
{
	font-weight: normal;
    font-size: 12px;
    color: black;
}

.solistofservices
{
	border:1px solid rgb(222,222,222);
}

.svcorderheader
{
	border-bottom:1px solid rgb(222,222,222);
}

.sogriditemborder
{
	border-bottom:1px solid rgb(222,222,222);
	border-right:1px solid rgb(222,222,222);
}
/******************Old screens*************************/
/*****************ScheduleJob****************************/
.scjobdescr
{
    width: 210px; 
    height: 18px;
    border-right: #B0C4DE 1px solid;
    border-top: #B0C4DE 1px solid;
    border-left: #B0C4DE 1px solid;
    border-bottom: #B0C4DE 1px solid;
    font-size: 13px;
    border-bottom: 1px solid rgb(222, 222, 222);
}
.scjobpnl
{
    height:22px;
}
.botpadd
{
    padding-bottom:3px;
}
.scjobrepeat
{ 
    width: 150px;
    font-weight: bold;
    font-size: 12px;
    color: black;
    padding-right: 10px;
    background-color: rgb(247, 247, 247);
    border-bottom: 1px solid rgb(222, 222, 222);
    border-left: 1px solid rgb(222, 222, 222);
    padding-right: 10px;
}
html[dir=rtl] .scjobrepeat
{ 
    padding-left: 10px;
    padding-right: 0px;
}
.scjobwidth
{
    width:100%;
}
.bottomborderwkly
{
    height:105px;
    vertical-align:top;
}
.bottombordermthly
{
    height:41px;
}
/*****************ScheduleJob****************************/

.chkboxlist input
{
    margin: 3px;
}

tr.pagination > td > table > tbody > tr > td
{   
    width:24px;
    height:24px;
    background-image:url(../images/Btn_Pg_Default.JPG);
    background-size: 90%;
    border-radius:6px;
    background-repeat:no-repeat;
    text-align:center;
}

tr.pagination > td > table > tbody > tr > td > a
{   
    width:24px;
    height:24px;
    background-image:url(../images/Btn_Pg_Default.JPG);
    background-size: 90%;
    border-radius:6px;
    background-repeat:no-repeat;
    text-align:center;
    padding:4px 10px 5px 8px;   
}
tr.pagination > td > table > tbody > tr > td > a:hover
{   
    width:24px;
    height:24px;
    background-image:url(../images/Btn_Pg_Click.JPG);
    background-size: 90%;
    border-radius:6px;
    background-repeat:no-repeat;
    text-align:center;
    cursor:pointer;
    padding:4px 10px 5px 8px;   
}
tr.pagination div
{
    height:20px;
    margin-top:4px;
}

tr.pagination > td > div > a
{
    background-image:url(../images/Btn_Pg_Default.JPG);
    background-repeat:no-repeat;
    text-align:center;
    padding:4px 10px 5px 8px;
}

/*.pagination td:last-child
{
    background:none;
}


/******************Service Request Status***********************/

.frm259 td.column31
{
	width:29%;
}

.frm259 td.column32
{
	width:29%;
}

.frm259 td.column33
{
	width:30%;
}

.frm259 td.columnchklist
{
	width:22%;
	padding-bottom:0px;
	border-bottom:1px solid rgb(222, 222, 222);	
}

.columnchklist label
{
	padding-left:3px;
}

html[dir=rtl] .columnchklist label
{
	padding-right:3px;
    padding-left:0px;
}

.frm259 .listoverflow
{	
	height:100px; 
	width:215px;
	font-weight: normal;
	font-size: 12px;
	color: #43669b;
	font-family: National;
	text-align:left;
	border-right: #43669b 1px solid;
	border-top: #43669b 1px solid;
	border-left: #43669b 1px solid;
	border-bottom: #43669b 1px solid;
}

.frm259 .gridlist .select
{   
    width: 100%;      
    font-size: 12px; 
}


/******************Pay-in-Slip Details Screen**************************/
/******************Workflow Configuration Screen**************************/
.frm615
{
}
.frm615 .gridlist .select
{
    width: 130px;
}
.frm615 .gridlist .inputtext
{
    width:130px;
}
.frm615 .frmreqimg
{
    float:left;
    width: 8px;
    background-image: url('../Images/star.gif' );
    background-position: right 10%;
    background-repeat: no-repeat;
}
/******************Workflow Configuration Screen**************************/


.frm259 .inputtextGrd
{
    width: 98%;
    height: 24px;
    border-radius: 4px 4px 4px 4px;
    background-color: rgb(242, 242, 242);
    font-size: 13px;
    border: 1px solid rgb(192, 192, 192);
}
.frm259 .inputtextGrd:hover
{
    border: 1px solid rgb(63, 63, 63);
}
.frm259 .inputtextGrd:focus
{
    border: 1px solid rgb(255, 189, 95);
}

.frm259 .formbutton
{
    width: 30%;
    float: right;
    text-align: right;
    margin-right:10px;
}

.frm259 .EscDocStyle
{	
	width:10%;	
}

.frm259 .optionaltext
{
	width: 150px;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align:left;
	padding-right:10px;	
	padding-top:4px;
}

.frm259 .progress
{
    position:absolute;
    top: 77%;
    left: 48%;         
}


/******************Service Request Status***********************/

/******************Service Request Status***********************/
/*******monitorjob**************/
    .tdwidth
    {
        width: 8.5%;
        padding-right:2px;
        
    }
    html[dir=rtl] .tdwidth
    {
        padding-left:2px;
        padding-right:0px;
        
    }
    .tdjobrunningon
    {
        width: 13.5%;
    }
    .tdjobname
    {
        width: 16%;
    }
    .tdjobcompleted
    {
        width: 8%;
    }
    .freqwidth
    {
        width:151px;
    }
    .monitorlabel
    {
	    width: 100%;
	    font-weight: bold;
	    font-size: 12px;
	    color: black;
	    text-align:right;
	    float:left;
	    padding-right: 2px;
    }
    html[dir=rtl] .monitorlabel
    {
	    text-align:left;
	    float:right;
	    padding-left: 2px;
        padding-right: 0px;
    }
    .monitorlabel:after
    {
        content:' :';
    }
    .schedinstlabel
    {
        padding-right: 4px;    
    }
    html[dir=rtl] .schedinstlabel
    {
        padding-left: 4px; 
        padding-right: 0px;   
    }
    .tdrundtlsstatus
    {
        width: 18%;
        padding-right:2px;
    }
    html[dir=rtl] .tdrundtlsstatus
    {
        padding-left:2px;
        padding-right:0px;
    }
 
/*******monitorjob**************/
/*************Entity search*****************/
.frmentitycontrol
{
}
div.entitysearch
{
    float: left;
}
html[dir=rtl] div.entitysearch
{
    float: right;
}
div.entitysearchelement
{
    float: left;
}
html[dir=rtl] div.entitysearchelement
{
    float: right;
}
div.entitysearchtext
{
    float: left;
    margin-bottom: 1px;
}
html[dir=rtl] div.entitysearchtext
{
    float: right;
}
div.entitysearchtext div
{
    float: left;
}
html[dir=rtl] div.entitysearchtext div
{
    float: right;
}

/*************Entity search*****************/    

/*************List of provisionable services*************/
.frm1083
{
}

.dtlstofsvcscol1
{
    width:15%;
}

.dtlstofsvcscol2
{
    width:20%;
}

.dtlstofsvcscol3
{
    width:12%;
}
.dtlstofsvcscol4
{
    width:53%;
}

.sdpservices
{
    width:100%;
}

.downgradeservices
{
    width:100%;
}

.downgradeto
{
    height: 18px;
    vertical-align: middle;
    text-align: left;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    color: black;
}

html[dir=rtl] .downgradeto
{
    text-align: right;
}

/*************List of provisionable services*************/
/******************Parameter Expression Screen**************************/
.frm1141
{
}
.frm1141 .frm1141width
{
	width: 98%;
}
.frm1141 .frm1141pnlwidth
{
	width: 100px;
        background-color:#DCDCDC
}
.frm1141 .frm1141btnlong
{
	font-weight: bold;
	font-size: 12px;
	width: 160px;
	height: 22px;
	color: White;
	background-image: url('../Images/buttonred.png' );
	vertical-align:text-top;
	padding-bottom:3px;
}

.frm1141 .frm1141formbutton
{
	width:50%;
	float:left;
	text-align:left;
}
.frm1141 .gridlist .select
{
    width: 110px;
}
.frm1141 .gridlist .inputtext
{
    width:110px;
}
.frm1141 .frmtext
{
    width: 150px;
    font-weight: normal;
    font-size: 30px;
    color: green;
    text-align: left;
    padding-right: 10px;
    padding-top: 4px;
}
/******************Parameter Expression Screen**************************/

/*************List of provisionable services*************/
/******************Recent Service Request***********************/
.frm621 .floatright
{
    float:right;
}
.frm621 .padding
{
    padding:3px;
}

.frm621  td img
 {
    float:none;
 }
/******************Recent Service Request***********************/
/******************Operational Entity Search Screen**************************/
.frm1022
{
}

.frm1022 .frm1022divheight
{
    height:300px;
}

/******************Operational Entity Search Screen**************************/
/*****call inquiry notes*******/
.frm571 .notes
{
	width:625px;
	height:47px;
}
.frm203 .svwidth
{
	width: 100px;
}
.frm203 #ctl00_uxPgCPH_CustomerInteractionCtrl_enqsectioninfo select.svwidth,
.frm203 #ctl00_uxPgCPH_CustomerInteractionCtrl_enqsectioninfo input.svwidth 
{
    width: 160px;
}
.frm203 #ctl00_uxPgCPH_CustomerInteractionCtrl_enqsectioninfo td.column1
{
    height:25px;
    width: 58%;
    border-bottom: 1px solid #DEDEDE;
}
.frm203 #ctl00_uxPgCPH_CustomerInteractionCtrl_enqsectioninfo  td.column2
{
    height:25px;
    width: 42%;
    border-bottom: 1px solid #DEDEDE;
}
.frm203 .svcustintenotes
{
	width: 320px;
	height:47px;
}
.frm203 .svenqsection
{
	height:225px;
	border-bottom:1px;
}
.svntstooltip
{
    width :5%;
    height :28px;
}
.tooltipgrid
{
	width: 300px;
	height:100px;
}
.frm203 .gridoverflow
{
	height:212px;
}
#ctl00_uxPgCPH_CurrentInteractionCtrl_currentinteractioninfo .gridoverflow
{
	height:156px;
} 
#ctl00_uxPgCPH_CustomerInteractionCtrl_tdnotes .requiredimg
{
    height: 35px;
}
#ctl00_uxPgCPH_CustomerInteractionCtrl_tdnotes .notesfield
{
    height: 32px;
    padding-top: 20px;
}
.frm571 .notesfield
{
    height: 32px;
    padding-top: 20px;
}
/************call inquiry notes*************/
 /******************Quick Reports*****************/

.frm302
 {     
 }
 

.frm302 .frm302width45
{
    width: 45%;
    vertical-align:top;
}

.frm302 .frm302width55
{
    width: 55%;
    vertical-align:top;
}

.frm302 .frm302align
{	
    vertical-align: middle;
    height: 220px;   
    
}
.frm302 .frm302formbutton
{
	margin-right:90px;
}

.frm302 .frm302listbox
{
    font-weight: normal;
    font-size: 13px;
    color: black; 
    border:1px solid #C0C0C0;
    background-color: rgb(242, 242, 242);
    border-radius: 5px;
    width : 60.4%;
    height:250px;
    padding:2px 3px;
    margin: 3px;
    padding: 6px 8px;
    text-shadow: none;
    
}

.frm302 .frm302parambox
{
    font-weight: normal;
    font-size: 13px;
    color: black; 
    border:1px solid #C0C0C0;
    background-color: rgb(242, 242, 242);
    border-radius: 5px;    
    height:250px;
    width:80%;
    padding:2px 3px;
    margin: 3px;
    padding: 6px 8px;
   
}

 #ctl00_uxPgCPH_rbnReports[style]
{
    border-collapse:separate !important; 
    border-spacing:0px 10px;
    
}


#ctl00_uxPgCPH_rbnReports td
{   border-left:1px solid #5F5F5F;
    border-top:1px solid #5F5F5F;
    border-bottom:1px solid #5F5F5F;
    border-right:1px solid #5F5F5F;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px; 
    border-top-right-radius:4px;
    border-bottom-right-radius:4px; 
    height:30px; 
    padding-left:5px;  
}

html[dir=rtl] #ctl00_uxPgCPH_rbnReports td
{   
    padding-right:5px;
    padding-left:0px;  
}

#ctl00_uxPgCPH_rbnReports td:hover 
{    
   background-color:rgb(218,218,218);
    color: Black;    
}

.frm302 .frm302sectionheading
{
  
    padding: 0px 0px 0px 5px;
}
/******************Quick Reports*****************/
/*****************ScheduleJob*******************/
.jobbottomline
{
    border-bottom: 1px solid rgb(222, 222, 222);
}
/*****************ScheduleJob*******************/
/*****************ContactCentre*****************/
.divcc
{
    border-bottom: 1px solid red
}
.paddingright
{
 padding-right:2px;
}
html[dir=rtl] .paddingright
{
 padding-left:2px;
 padding-right:0px;
}
.alignright
{
    text-align:right;
}
html[dir=rtl] .alignright
{
    text-align:left;
}
.alignleft
{
    text-align:left;
}
html[dir=rtl] .alignleft
{
    text-align:right;
}
.valignmid
{
    vertical-align:middle;
}
.width15
{
    width:15%;
}
.width20
{
    width:20%;    
}
.width10
{
    width:10%;
}
.width50
{
    width:50%;
}
.width100px
{
    width:100px
}
.valign
{
    vertical-align:middle;
}
.queuecallslabel
{
 width:1%;
 color:red;
 font-weight: bold;
 position: absolute;
 font-size: 11px;
 padding: 1px 1px 1px 1px;
 line-height: 12px;
 font-weight: bold;
 letter-spacing: -1px;
 color: rgb(255, 255, 255);
 z-index: 0; border: 1px solid rgb(178, 6, 6);
 border-radius: 7px 7px 7px 7px;
/*background: -moz-linear-gradient(center top , rgb(255, 46, 46), rgb(200, 6, 6)) repeat scroll 0% 0% transparent;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='red', endColorstr='red',GradientType=0 );*/
  background-color: rgb(200, 6, 6);  
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto; 
 
}
.greencolorlabel
{
     color:green;
     font-weight:bold;
}
.queuelabel
{
    color:White;
    font-weight:bold;
}
.redcolorlabel
{
     color:red;
     font-weight:bold;
}


.size10
{ 
    font-size:10;
} 
.imgcall
{
    width:30px;
    height:20px;
}

.agentmonitorlabel
{
   text-align:center;
    width:17%;
}
.agentmonitorlabel1
{
    text-align:center;
    width:16%;
}
.agentsummarylabel2
{
    text-align:center;
    width:20%;    
}
.agentsummarycolor
{
    color:green;
}

.agentmonitergrid
{
    width:100%;
    text-align:center;
    word-break: break-all;
}
.agentmonitergrid1
{
    text-align:center;
    width:50%;    
}
.agentimgdiv
{
    padding-top:5px;
}

.agentspyimg
{
 height:50px;
 width:50px;
}
.agentextimg
{
    width:15px;
    height:15px;
}
.agentfont
{
    color:red;
    font-weight:bold
}
/*****************ContactCentre*****************/

/*************Opportunity*************************/
.frm601
{
}

.frm601 #ctl00_uxPgCPH_tdoppnotes .optionalimg
{
    height: 59px;
}

.frm601 #ctl00_uxPgCPH_tdoppnotes .requiredimg
{
    height: 59px;
}

.frm601 #ctl00_uxPgCPH_tdoppnotes .inputcontrol
{
    width: 80%;
}

.frm601 #ctl00_uxPgCPH_tdoppnotes .textarea
{
    width: 100%;
}
/*************Opportunity*************************/
.frm617.frminputtext
{
	width:60px;
}
.frm617.frmselect
{   
   width: 132px;
    
}

/*******Dialog Master*******/

.dialogmaincontent td.column31
{
    /*width: 290px;*/
    width:34%;
    padding-bottom: 0px;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}

.dialogmaincontent td.column32
{
    /*width: 289px;*/
    width:33%;
    padding-bottom: 0px;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}

.dialogmaincontent td.column33
{
    /*width: 289px;*/
    width:33%;
    padding-bottom: 0px;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}

.dialogmaincontent .sectionfields
{
    
}

.dialogmaincontent .sectiondetails
{   
    margin-bottom: 3px;
}

.dialogmaincontent .section
{   
    /*border: 0px;*/
    border-bottom: 1px solid rgb(222, 222, 222);
}

.viewdialogcontentmain .section
{   
    border-bottom: none;
}

.dialogmaincontent .grid
{
    width: 100%;
    padding-bottom: 3px;
    border-top: none;
}

.dialogmaincontent div.form
{
    
    margin: 0px;
}

.dialogmaincontent .optionaltext1,.dialogmaincontent  .optionaltext2,.dialogmaincontent  .optionaltext3
/*.labelText, .labelText1, .labelText3, .labelText2,
.requiredField, .requiredField2, .requiredField3, .requiredField4, .requiredField5, .requiredField6, .FlexRequiredField2, .requiredField7,
.requiredtext1, .requiredtext2, .requiredtext3, .flexoptionaltext1, .flexoptionaltext2, .flexoptionaltext3, .flexrequiredtext1, .flexrequiredtext2, .flexrequiredtext3*/
{
    /*width: 90px;*/
    width:28%;
    font-weight: normal;
    font-size: 12px;
    color: black;
    text-align: right;
    position:relative;   
    
   
}

html[dir=rtl] .dialogmaincontent .optionaltext1,html[dir=rtl] .dialogmaincontent  .optionaltext2,html[dir=rtl] .dialogmaincontent  .optionaltext3
{
    text-align: left;
}

.dialogmaincontent .requiredtext1, .dialogmaincontent .requiredtext2, .dialogmaincontent .requiredtext3
{
    width:28%;
    font-weight:bold;
    font-size: 12px;
    color: black;
    text-align: left;
    position:relative; 
    
}

html[dir=rtl] .dialogmaincontent .requiredtext1,html[dir=rtl] .dialogmaincontent .requiredtext2,html[dir=rtl] .dialogmaincontent .requiredtext3
{
    text-align: left;
    
}


.dialogmaincontent td.column11 .optionaltext1,.dialogmaincontent td.column11 .optionaltext2,.dialogmaincontent td.column11 .optionaltext3
{
    width:150px;
    padding-bottom: 0px;
    height: 25px;
}

.dialogmaincontent .subelement
{
    float: left;
    min-height: 22px;
    padding-top:3px;
    padding-bottom:3px;
}

html[dir=rtl] .dialogmaincontent .subelement
{
    float: right;
}

.dialogmaincontent table.sectionfields tr:last-child>td
{   
    border-style:none;
    border-width:0px;
}

.dialogmaincontent .text,.dialogmaincontent .inputtext,.dialogmaincontent .readonlytext,.dialogmaincontent .price,.dialogmaincontent .searchctrltext,.dialogmaincontent .logininputtext
{
    height: 24px;
    width:160px;
}

.frm1049 .gridcol5 .text
{
    width: 120px;
}

.dialogmaincontent .select,.dialogmaincontent .searchctrlselect
{
    width:160px;
    height: 26px;
    padding:2px 3px;
}

/*.dialogmaincontent .griditem td:last-child, .dialogmaincontent  .altgriditem td:last-child
{
    border-bottom: 1px solid #DEDEDE;
}*/

.dialogmaincontent tr.griditem > td > table > tbody > tr > td,.dialogmaincontent tr.altgriditem > td > table > tbody > tr > td
{
    border-bottom: none;
    border-right: none;
}


/******************Parent Search*******************/
.frm1097 div.gridoverflow
{
    height: 300px;    
}
/******************Parent Search*******************/

/******************Contract Pricedetails*******************/
.frm1137 .gridoverflow
    {        
        height: 250px;    
    }
/******************Contract Pricedetails*******************/
.frm581 .divajax
{
    background-color:Gray;
    opacity:0.1;
    filter:alpha(opacity=10);
}
        
.frm581 .ajaxloader
{
    position:fixed;
    top:20px;
    left:0px;
    height:100%;
    width:100%;
}

.frm581 .ajaxloader td
{
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
}

.frm581 .subpricesvcs .inputtext
{
	width:83px;
}
.frm581 .subpricesvcs .select
{
	width:130px;
}
.frm581 .onetimepricesvcs .inputtext
{
	width:150px;
}
.frm581 .onetimepricesvcs .select
{
	width:150px;
}

.btnsearchtoggle 
{ 
    background-image:none;
    background-color:#81BF5C;
    border-radius: 4px;
    border:1px solid #C44A49; 
    box-shadow: inset 1px 1px 6px 6px #5A8540; 
    color: #FFFFFF; 
    font-size: 12px; 
    font-weight: normal; 
    padding: 6px 13px; 
    text-decoration: none; 
    min-width:80px;     
    margin-right:10px;
 }

html[dir=rtl] .btnsearchtoggle 
{   
    margin-left:10px;
    margin-right:0px;
 }
 
 .btnsearchtoggle:first-child
 {
     margin-left:10px;
 }

 html[dir=rtl] .btnsearchtoggle:first-child
 {
     margin-right:10px;
     margin-left:0px;
 }
 
 .btnsearch:first-child
 {
     margin-left:10px;
 }

 html[dir=rtl] .btnsearch:first-child
 {
     margin-right:10px;
     margin-left:0px;
 }
 
 .btnsearchtoggle:hover 
 { 
     background-image:url(../images/btngreenhover.png); 
 } 
 .btnsearchtoggle:active 
 { 
     position:relative; 
     top:1px; 
 } 
  /*************New UI Changes***********************/
 .boldfont
 {
     font-weight:bold;
 }
 .selectjobdef
 {
    height: 26px;
    width: 150px;
    padding: 2px 3px;
 }
 .textjobdef
 {
     height:24px;
     width:126px;
 }
 .panelalig
 {
     width:99.7%;
     padding-left:2px;
 }
 html[dir=rtl] .panelalig
 {
     padding-right:2px;
     padding-left:0px;
 }
.leftborder
{
    border-left: 1px solid rgb(222,222,222);
}
.paddleft
{
    padding-left:5px;
}
html[dir=rtl] .paddleft
{
    padding-right:5px;
    padding-left:0px;
}
.ccSelect
{
    width: 110px;
    border: 1px solid rgb(192, 192, 192);
    border-radius: 4px 4px 4px 4px;
    background-color: rgb(242, 242, 242);
    font-weight: normal;
    font-size: 13px;
    color: black;
    font-style: normal;
    font-family: Segoe UI;
    height: 26px;
    padding: 2px 3px;    
}

.ccSelect:focus,input.ccText:focus
{
    border: 1px solid #FFBD5F;
}
.ccSelect:hover,input.ccText:hover
{
    border: 1px solid #3F3F3F;
}
.ccText
{
    width:89px;
    height: 24px;
    border: 1px solid rgb(192, 192, 192);
    border-radius: 4px 4px 4px 4px;
    background-color: rgb(242, 242, 242);    
    font-weight: normal;
    font-size: 13px;
    color: black;
}
.monitorjobhead
{
padding-left:2px;
width: 100%;
font-weight: bold;
font-size: 13px;
height: 40px;
background-color: rgb(223, 223, 223);
color: rgb(63, 63, 63);
}

html[dir=rtl] .monitorjobhead
{
padding-right:2px;
padding-left:0px;
}

TR.monitorjobhead td:first-child
{
padding-left:2px;
font-weight: bold;
font-size: 13px;
height: 40px;
background-color: rgb(223, 223, 223);
color: rgb(63, 63, 63);
}

html[dir=rtl] TR.monitorjobhead td:first-child
{
padding-right:2px;
padding-left:0px;
}

/*************New UI Changes***********************/

.orderapproval #ctl00_uxPgCPH_entsearch_txtEntity
{
    font-weight: normal;
    font-size: 13px;
    color: black;
    border:1px solid #C0C0C0;
    border-radius:4px;
    background-color:#F2F2F2;
    width:160px;
    height: 24px;
}

.orderapproval #ctl00_uxPgCPH_entsearch_txtEntity:hover
{
    border: 1px solid #3F3F3F;
}

.orderapproval #ctl00_uxPgCPH_entsearch_txtEntity:focus
{
    border: 1px solid #FFBD5F;
}

.orderapproval #ctl00_uxPgCPH_entsearch_cmbEntity
{
    height: 26px;
    width: 160px;
    padding:2px 3px;
}

.frm616 #ctl00_uxPgCPH_divshoppingcart
{
    height: 395px;    
}
.frm616 #svcorder.gridoverflow
{
    height: 313px;    
}

.priceplan #ctl00_uxPgCPH_estimatedprice
{
    width: 160px;
}
#ctl00_uxPgCPH_itemslnogrid_ctl02_txtsuppexpdate
{
    width:120px;
}

/***NewAddressElement***/

.lblfont
{
    font-size:14px;

}


/***ContractDiscount***/
.frm195 div.searchfloat>.text
{
    width:135px;

}

/***ServiceOrderenhanced****/

.frm616 .viewtop
{
    padding-top: 6px;
}

.frm616 div.actionbutton
{
    width:29%;
}
.frm616 .valigntop td
{
    
    line-height:10px;
}
/***ServiceOrderenhanced****/

.frm362 .inputtext362 
{ 
    width: 120px;
}

.frm362 .sectionheading 
{
    border-left:2px solid #FFFFFF;
}

.frm146 .inputtext146 
{ 
    width: 120px;
}
.FadingTooltip
{
    font-size: 12pt;
    width: auto;
    color: black;
    height: auto;
    background-color: White;
    margin: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    border: 1px solid red;
    border-radius: 5px;
}

.subhead .headright
{
    text-align:right;
}
html[dir=rtl] .subhead .headright
{
    text-align:left;
}
.griditem .headright
{
    text-align:right;
}
html[dir=rtl] .griditem .headright
{
    text-align:left;
}

/***Generic Dashboard****/
.DshbrdtxtboxYear
{
    width: 30px;
    text-justify: auto;
    border-width: 0px;
    background-color: rgb(243,243,245);
}
.Dshbrdtxtbox
{
    width: 110px;
    height: 24px;
    border-radius: 4px 4px 4px 4px;
    background-color: rgb(242, 242, 242);
    font-size: 13px;
    border: 1px solid rgb(192, 192, 192);
}
.Dshbrdtxtbox:hover
{
    border: 1px solid rgb(63, 63, 63);
}
.Dshbrdtxtbox:focus
{
    border: 1px solid rgb(255, 189, 95);
}

.frm306 .gridform
{
     border-right-color:rgb(222,222,222);
}
.frm306 .lftborder
{
    border-left :1px solid rgb(222,222,222);     
}

.frm319 .subhead td.gridcol4
{
    text-align:right;
}

.frm201 .subhead td.listcol6
{
    text-align:right;
}

.frm201 .subhead td.listcol7
{
    text-align:right;
}
.frm195 .subhead td.gridcol5
{
    text-align:right;
}

.frm323
{
}
.frm323 .frmlistbox
{
    font-weight: normal;
    font-size: 13px;
    color: black; 
    border:1px solid #C0C0C0;
    background-color: rgb(242, 242, 242);
    border-radius: 3px;
    height:70px;
    width: 225px;
    padding:2px 3px;
    margin: 3px;
    padding: 6px 8px;
    text-shadow: none;
}

/***Current Interation****/
.gridcategory
{
    width: 31.7%;
    word-wrap: break-word;
}
.gridnotes
{
    width: 63%;
    word-break: break-all;
}
.gridcategory1
{
    width: 20%;
    word-wrap: break-word;
}
.gridnotes1
{
    width: 57.3%;
    word-break: break-all;
}
.gridvscroll
{
    width: 3.7%;
}
.frm160 .grdscrolMtlRepl
{
    width: 1.8%;
}
/*--------MailBox-------------*/
.mailtext
{
     font-weight: normal;
    font-size: 13px;
    color: black;
    border:1px solid #C0C0C0;
    border-radius:4px;
    background-color:#F2F2F2;
    width:130px;
    height: 24px;
}
.mailtext:hover
{
    border: 1px solid #3F3F3F;
}

.mailtext:focus
{
    border: 1px solid #FFBD5F;
}
.mailselect
{
    font-weight: normal;
    font-size: 13px;
    color: black;
    
    border:1px solid #C0C0C0;
    border-radius:4px;
    background-color:#F2F2F2;
    
    height: 26px;
    width: 155px;
    padding:2px 3px;
}

.mailselect:hover
{
    border: 1px solid #3F3F3F;
}

.mailselect:focus
{
    border: 1px solid #FFBD5F;
}

.mailselect > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  border-radius: 3px;
  cursor: pointer;
}

.mailselect > option:hover {
  background-color: #CCCCEE;
  color:#000000;
}

/*--------MailBox-------------*/

.serviceordernew .divajax
{
    background-color:Gray;
    opacity:0.1;
    filter:alpha(opacity=10);
}
        
.serviceordernew .ajaxloader
{
    position:fixed;
    top:20px;
    left:0px;
    height:100%;
    width:100%;
}

.serviceordernew .ajaxloader td
{
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
}
/***Data center Orders****/
.DisabledLink
{
    pointer-events: none;
    color:Gray;
    cursor: default;
}


/*--------Role screen-------------*/

.frm124 div.privlist
{
	height:299px;
	width:320px;
	overflow:auto;
}

.frm124 td.valigntop
{
    vertical-align:top;
}

.frm124 td.width50
{
     width:50%;
}

.frm124 td.width25
{
     width:25%;
}

.frm124 div.bordertop
{
     border-top: 1px solid rgb(222, 222, 222);
}

.frm124 div.profiles
{
    width: 290px; 
}

/*--------Role screen-------------*/

/* New Dash Board */
 .LoadImg
{
    display: none;
}
.Afterdrag
{
    vertical-align: middle;
    display: block;
}
#DivLoadImg img
{
    position: fixed;
    left: 40%;
    top: 33%;
}

html[dir=rtl] #DivLoadImg img
{
    right: 40%;
    left: 0%;
}
        
.ShadeDiv
{
    background: skyblue;
}
        
.CNodeStyle
{
    cursor: move;
    white-space: nowrap;
    color: Black;
    font-weight: inherit;
    padding-left: 5px;
    padding-right: 5px;
}
        
.overlay
{
    border: black 1px solid;
    padding: 5px;
    z-index: 100;
    width: 100px;
    position: absolute;
    background-color: #fff;
    -moz-opacity: 0.75;
    opacity: 0.75;
    filter: alpha(opacity=75);
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
/***MYTICKETS***/
.DisableeditLink
{
    pointer-events: none;    
}
/******************User Sessions***************/
.frm648 .statusimg
{
    width:15px;
    height:15px;
}
/******************User Sessions***************/
/*********BulkBreakdown************/
.bulkshortdescr
{
	font-weight: normal;
    font-size: 13px;
    color: black;
    border:1px solid #C0C0C0;
    border-radius:4px;
    background-color:#F2F2F2;
    width:600px;
    height:26px;
}
.bulkdtldescr
{
	font-weight: normal;
    font-size: 13px;
    color: black;
    border:1px solid #C0C0C0;
    border-radius:4px;
    background-color:#F2F2F2;
    width:600px;
    height:52px;
}
/*********BulkBreakdown************/

/**********************Simple Registration*****************/
.frm647 .divajax
{
    background-color:Gray;
    opacity:0.1;
    filter:alpha(opacity=10);
}

.frm647 .ajaxloader
{
    position:fixed;
    top:20px;
    left:0px;
    height:100%;
    width:100%;
}

.frm647 .ajaxloader td
{
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
}

.frm647 .gridplanname
{
    width:25%;
    word-wrap:break-word;
    text-align:Left;
}

.frm647 .gridplanlongdesc
{
    width:52%;
    word-wrap:break-word;
    text-align:Left;
}

.frm647 .gridplanadd
{
    width:22%;
    word-wrap:break-word;
    text-align:Left;
}

.frm647 .gridplansummaryname
{
    width:50%;
    word-wrap:break-word;
    text-align:Left;
}

.frm647 .gridplansummarybillfreq
{
    width:24%;
    word-wrap:break-word;
    text-align:Left;
}

.frm647 .gridplancontractval
{
    width:24%;
    word-wrap:break-word;
    text-align:Left;
}

.frm647 .gridplanselectedrow
{
    background-color: Green;
}

.frm647 .ancplanname
{
    
    color:White;    
}

.frm647 .contractpanel
{
    clear:both;
}

.frm647 .customerpanel
{
    clear:both;
}

.frm647 .contractfields
{
    width:100%;
}

.frm647 .formfields
{
    width: 100%;
}

.frm647 .addresssi
{
    width: 100%;
}

.frm647 .simpleregaddess
{
    width: 50%;
}

.frm647 .simpleregsi
{
    width: 49.9%;
}

.frm647 .simpleregsummary
{
    width: 100%;
}

.frm647 .simpleregcontactsummary
{
    width: 35%;
}

.frm647 .simpleregaddresssummary
{
    width: 64%;
}

.frm647 .simpleregplanssummary
{
    clear:both;
}

.frm647 .wizardgridoverflow
{
    overflow: scroll;
    behavior: url('../themes/default/mainportal/css/ScrollPos.htc');
    height: 250px;
    border-left: 1px solid rgb(222, 222, 222);
    border-bottom: 1px solid rgb(222, 222, 222);
    border-right: 1px solid rgb(222, 222, 222);
}

.frm647 .wizard
{
    border-left: #43669b 1px solid;
    border-right: #43669b 1px solid;
    border-top: #43669b 1px solid;
    border-bottom: #43669b 1px solid;
    width:100%;
    text-align:left;
    height:30px;
    padding: 0px;
}

.frm647 .wizardstep
{
    text-align:left;
    width:10px;
}

.frm647 .wizardselectedstep
{
    width:160px;
    font-weight:bold;
}

.frm647 .wizardunselectedstep
{
    width:160px;
}

/**********************Simple Registration*****************/

/******************For Grid Row Count***************/

.gridrowcount
{   
   text-align: right;
   position:relative;
   font-size: 14px;
   top:10px;
   right:5px
}
html[dir=rtl] .gridrowcount
{   
   text-align: left;
   left:5px;
   right:0px
}

/******************For Grid Row Count***************/
/**********************Hardware Replacement****************/
.frm160 .datagridcol5 .select
{
	width: 100px;
}

.frm160 .datagridcol6 .text
{
	width: 120px;
}

 .frm160 .clearboth
{
	clear:both;
}

/**********************Hardware Replacement****************/

/************ To Disable Button ************/
.btnsavedisable
{
    background-image:url(../images/btngreen.png);
    border: 1px solid #568920;    
    color: #C4C4C4;
    font-size: 12px;
    font-weight: normal;
    padding: 6px 13px;
    text-decoration: none;
    border-radius:4px;
    min-width:80px;
}
.btnsavedisable:hover
{
    background-image:url(../images/btngreenhover.png);
    background-color: green;
}
.btnsavedisable:active
{
    position: relative;
    top: 1px;
}
/************ To Disable Button ************/

div.troubleshootoverflow
{
    overflow: scroll;
    behavior: url('../themes/default/mainportal/css/ScrollPos.htc');
    height: 350px;
    overflow-x: hidden;
}

.problems,.yesno
{
    font-weight: normal;
    font-size: 11px;
    color: black;
    text-align: left;
}

html[dir=rtl] .problems,html[dir=rtl] .yesno
{
    text-align: right;
}

.problems
{
    padding: 5px;
    border:1px solid;
    width:100%;
    margin-top:5px;
    border-spacing:3px 5px;

}

.yesno
{
    padding: 5px;
    border:1px solid;
    width:100%;
    margin-top:3px;
    border-spacing:2px 2px;
}

.problems table
{
    border:0px;
}

.problems  td
{
    vertical-align:top;
}

.problems  LI
{
    background-color:#DADADA;
    padding:5px;
    margin:5px;
    border:1px;
    border-radius:5px;
}

.problem
{
    font-weight: normal;
    font-size: 11px;
    color: #000;
    text-align: left;
    padding-bottom: 5px;
    vertical-align:top;
}

html[dir=rtl] .problem
{
    text-align: right;
}

.problems table tr:first-child td.problem
{
    background-color:#DADADA;
    padding:5px;
    margin:5px;
    border:1px;
    border-radius:5px;
}

.yesno
{
    padding-left:15px;
}
html[dir=rtl] .yesno
{
    padding-right:15px;
    padding-left:0px;
}
/******************Service Request Details***************/
.frm1152 .descr
{
    width: 600px;
    height: 49px;
}
.frm1152 .descrlabel
{
    width: 20%;
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-align: right;
    float: left;
    padding-right: 2px;
}
.frm1152 .formfields
{
    width: 100%;
}
.frm1152 .tabwidth
{
    width: 100%;
}
.frm1152 .gridheight
{
    height: 200px;
}
.frm1152 .gridscroll
{
   overflow : auto;
}
/******************Service Request Details***************/
/******************Work Order Details***************/
.frm1150 .descr
{
    width: 600px;
    height: 49px;
}
.frm1150 .descrlabel
{
    width: 20%;
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-align: right;
    float: left;
    padding-right: 2px;
}
.frm1150 .formfields
{
    width: 100%;
}
.frm1150 .tabwidth
{
    width: 100%;
}
.frm1150 .gridheight
{
    height: 200px;
}
.frm1150 .gridscroll
{
   overflow : auto;
}
/******************Work Order Details***************/

/******************Repair Request Search******************/
.frm1146 .gridoverflow
{
	height:280px;
}
/******************Repair Request Search******************/

/******************Repair Request******************/
.frm628 .textarea
{
	width:375px;
}

/******************Repair Request******************/

/**********Hierarchy************/
.maingroup
{
    position: absolute;
    width: 980px;
    height: 570px;
    overflow: scroll;
}
    
.maindiv
{
    position: relative;
    width: 980px;
    height: 570px;
    overflow: scroll;
}
    
.econode
{
    position: absolute;
    text-overflow: clip;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    padding: 2px;
}
    
a.ecolink:visited
{
    text-decoration: none;
    color: black;
}
    
a.ecolink:hover
{
    text-decoration: underline;
}
/**************AssignProspect**********/
.requiredelement
{
padding-right: 3px;
}
 
html[dir=rtl] .requiredelement
{
padding-left: 3px;
padding-right: 0px;
}


.frm692 .frm692width30
{
    width: 35%;
    vertical-align:top;
}
.frm692 .frm692width70
{
    width: 65%;
    vertical-align:top;
}

.frm692 .frm692table
{
    width: 100%;
}
.frm692section
{
    width: 100%;
    border: 0px;
}

.frm692  .frm692section .labelfield
{
    width: 30%;
    font-weight: bold;
    text-align: left;
    font-size: 12px;
    color: black;
    padding-right: 2px;
}

.frm692  .frm692section .textfield
{
    width: 30%;
    font-weight: normal;
    font-size: 12px;
    color: black;
    text-align: left;
    float: left;
    border: 0px none;
    padding-left: 3px;
}

/**************Assignment Rules**********/
.ddlselect
{
    height: 26px;
    width:120px;
    padding:2px 3px;
    border:1px solid #C0C0C0;
    border-radius:4px;
    background-color:#F2F2F2;
    font-weight: normal;
    font-size: 13px;
    color: black;
}
 .ddlselect:focus
{
    border: 1px solid #FFBD5F;
}
 .ddlselect:hover
{
       border: 1px solid #3F3F3F;
}
 .ddlselect > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  border-radius: 3px;
  cursor: pointer;
}

.ddlselect > option:hover {
  background-color: #CCCCEE;
  color:#000000;
}
.frm1152 .popupcmntlblfield 
{
    width: 20%;
    font-weight: bold;
    font-size: 12px;    
    color: black;
    text-align: right;
    float: left;
    padding-right: 3px;
}
.frm1152 .popupcmntddllblfield 
{
    width: 40%;
    font-weight: bold;
    font-size: 12px;    
    color: black;
    text-align: right;
    float: left;
    padding-right: 3px;
}
.popupcmnttxtfield {
    width: 350px;
    height: 49px;
    padding-right: 3px;
}
.frm203 .topclass 
{ 
    position: fixed; 
    top: 550px; 
    right: 68px; 
    cursor:pointer;
}
.frm162 .lbladhoccount
{
    min-height: 22px;
    position:relative;
    padding-top:10px;
    color:Black;
}
.btndeldisable
{
    background-image:url(../images/btncancel.png);
    background-color: #e6e6e6;
    border: 1px solid #C0C0C0;
    color: #C4C4C4; 
    font-size: 12px;
    font-weight: normal;
    padding: 6px 13px;
    text-decoration: none;
    border-radius:4px;
    min-width:90px;
    margin-right:5px;
}
html[dir=rtl] .btndeldisable
{
    margin-left:5px;
    margin-right:0px;
}
.actionbutton .btndeldisable:active
{
    position: relative;
    top: 1px;
}

.btnadddisable
{
    background-image:url(../images/btngreen.png);
    border: 1px solid #568920;    
    color: #C4C4C4;
    font-size: 12px;
    font-weight: normal;
    padding: 6px 13px;
    text-decoration: none;
    border-radius:4px;
    min-width:80px;
    margin-right:5px;
}

html[dir=rtl] .btnadddisable
{
    margin-left:5px;
    margin-right:0px;
}

.actionbutton .btnadddisable:active
{
    position: relative;
    top: 1px;
}
/***************************Login-Page-ForgotPassword***************************************/
.arrowfrgtpwd
{
    padding-top:116px;
}
.tduidfrgtpwd
{
    padding-top: 102px;
    padding-bottom: 10px;
    width:35%;
}

.tdpwdfrgtpwd
{
    padding-top: 102px;
    padding-bottom: 10px;
    width:35%;
}
.tdcaptchafrgtpwd
{
    padding-top: 130px;
    padding-bottom: 10px;
    padding-left: 10px;
    width:35%;
}
.loginsurelogofrgtpwd
{   
    height: 35px;
    width: 100px;
    margin-left: 12px;
    margin-top: 102px;
    background-color:#C44A49;
}
html[dir=rtl] .loginsurelogofrgtpwd
{   
    margin-right: 12px;
    margin-left: 0px;
}
.loginformbuttonfrgtpwd
{   
    padding-top: 128px;
    padding-bottom: 10px;
}
.loginfrgtpwdlinksheight
{
    height:100px;
    vertical-align:top;
}

.loginfrgtpwdlinksheight .hyperlink
{
    font-weight: bold;
    font-size: 12px;  
}
.forgotpwdlink
{
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-align: left;
    padding-left: 57px;    
    padding-bottom: 3px;    
    padding-top: 40px;    
}
html[dir=rtl] .forgotpwdlink
{
    text-align: right;
    padding-right: 57px;
    padding-left: 0px;   
}
/***************************Login-Page-ForgotPassword***************************************/


/*****frm1130 Plan Products 13-03-2014 ******/

.frm1130 td.plantd
{
	height:5px;
}
.frm1130 table.plantable
{
	width:100%;	
	height:25px;
}




.frm1130 #divplanname.section
{
	width:100%;	
	height:25px;
	margin-top:10px;
}

.frm1130 div.plandiv
{
    color: black;
    font-weight:normal;
    font-size:17px;
	text-align:left;
	vertical-align:bottom;	
	padding-left:30px;	
	/*border-bottom: 1px solid rgb(222, 222, 222);*/
	height:auto;
	margin-top:auto;
	margin-bottom:auto;
	float: left;
}
.frm1130 div.plannamediv
{
    color: black;
    font-weight:normal;
    font-size:12px;
	text-align:left;
	vertical-align:bottom;
	padding-left:1%;
	/*border-bottom: 1px solid rgb(222, 222, 222);*/
	height:auto;
	margin-top:auto;
	margin-bottom:auto;
	float: left;
}

.frm1130 #ctl00_uxPgCPH_plannamediv.plannamediv
{
    color: black;
    font-weight:bold;
    font-size:17px;
	text-align:left;
	vertical-align:bottom;
	padding-left:2%;
	/*border-bottom: 1px solid rgb(222, 222, 222);*/
	height:auto;
	margin-top:auto;
	margin-bottom:auto;
	float: left;
}



.frm1130 .section
{
    border-bottom : 0px;
}

.frm1130 div.grid
{   
             
    margin-left:2%;    
    margin-top:1%;    
}

.frm1130 td.servicedesc
{   
    padding-left:20px;     
    padding-top:2px;
    padding-bottom:2px;    
}

.frm1130 td.productdesc
{       
    padding-left:6px;          
    padding-top:4px;        
}

.frm1130 .productcategory
{
    font-weight:normal;
    padding-left:4px;          
    padding-top:2px;  
}
.frm1130 #svcdetailsheading.heading
{        
    width: 100%;           
    text-align: left;        
    font-size: 14px;            
    padding-left:3px;
    padding-top:3px;
    padding-bottom:3px;             
    border:0.5px solid #000000;
    border-radius:4px 4px 4px 4px;   
    background-color: #DADADA;
    font-weight:normal;      
    position:relative;
    top:0%;
    left:0px;        
    color:Black;
    float:none;    
}

.frm1130 #svcdetailsheading.sectionheading
{
    color: Black;
    height:auto;
    padding: 0px 0px 0px 0px;
    text-align: left;
    vertical-align:middle;
    background-color: #DADADA;
    width: 97%;
}


.frm1130 #nonsvcdetailsheading.heading
{
    width: 100%;           
    text-align: left;        
    font-size: 17px;            
    padding-left:0.5%;
    padding-top:0.5%;
    padding-bottom:0.5%;             
    border:0.5px solid #000000;
    border-radius:4px 4px 0px 0px;   
    background-color: #DADADA;      
    font-weight:normal;      
    position:relative;
    top:0%;
    left:0px;        
    color:Black;
    float:none;    
}


.frm1130 #nonsvcdetailsheading.sectionheading
{
    color: Black;
    height:auto;
    padding: 0px 0px 0px 0px;
    text-align: left;
    vertical-align:middle;
    background-color: #DADADA;
    width: 95%;
}

.frm1130 #nonservicegridfields.gridfields
{   
    width: 95.5%;           
    padding-top:2px;
    padding-bottom:2px;
    border: 0.5px solid #000000;
    border-top: 0px;
    border-radius:0px 0px 4px 4px;   
}



.frm1130 .gridfields
{
    width: 97.5%;           
    padding-top:2px;
    padding-bottom:1px;
}

.frm1130 .tdpadding
{
   padding-left:45px;   
   padding-top: 5px;
   padding-bottom:5px;
}

.frm1130 .tdpaddingpkgservices
{
   padding-left:30px;   
   padding-top: 5px;
   padding-bottom:5px;
}




/*for row borders of outer grids*/
.frm1130 .altgriditemborder, .griditemborder
{
 border-bottom: 1px solid #000000; 
}

.frm1130 .altgriditemborder:last-child, .griditemborder:last-child 
{
 border-bottom: 0px solid #000000; 
}
/*end of row borders of border grids*/



/*for package -Service grp name*/
.frm1130 div.pkgsvcgrpnamediv
{
    color: black;
    font-weight:normal;
    font-size:12px;
	text-align:left;
	vertical-align:bottom;	
	padding-left:0%;
	/*border-bottom: 1px solid rgb(222, 222, 222);*/
	height:auto;
	margin-top:auto;
	margin-bottom:auto;
	float: left;
}
/*end of package -Service grp name*/



/*for packagegrp -pkg name*/
.frm1130 div.pkggrppkgnamediv
{
    color: black;
    font-weight:normal;
    font-size:12px;
	text-align:left;
	vertical-align:bottom;	
	padding-left:0%;
	/*border-bottom: 1px solid rgb(222, 222, 222);*/
	height:auto;
	margin-top:auto;
	margin-bottom:auto;
	float: left;
}

.frm1130 div.pkggrppkgsvcgrpnamediv
{
    color: black;
    font-weight:normal;
    font-size:12px;
	text-align:left;
	vertical-align:bottom;	
	padding-left:0%;
	/*border-bottom: 1px solid rgb(222, 222, 222);*/
	height:auto;
	margin-top:auto;
	margin-bottom:auto;
	float: left;
}
/*end of packagegrp -pkg name*/
 

/*****end of frm1130 Plan Products******/

.frm117 .ope_errormessage
{
	width:90%;
	font-size: 14px;
	font-weight: bold;
	color:#CA0000;
	text-align:left;
	float:left;
	height:auto;
	padding-left:10px;
	word-break: break-word;
}

.frm117 .ope_successmessage
{
	width:90%;
	font-size: 14px;
	font-weight: bold;
	color: #4F8A10;
	text-align:left;
	float:left;
	height:auto;
	padding-left:10px;
	word-break: break-word;
}

.frm117 .verticaltop
{
	 vertical-align:top;
}

.svmarqueeannouncement
{
    font-weight: bold;
    font-size: 11px;
    color: #43669b;
    height: 300px;
}

.announcementHeader
{
    font-weight: bolder;
    font-size: 13px;
    color: #43669b;
}

.frm1159 .frm1159height550px
{
    height: 450px;
}
.searchlcoportal td
{
    width: 25%;
}

/*****end of frm1130 Plan Products******/
 

/*********Price plan screen charge grip****************/
.frm193chargeselect
{
    font-weight: normal;
    font-size: 13px;
    color: black;
    width:120px;
    border:1px solid #C0C0C0;
    border-radius:4px;
    background-color:#F2F2F2;

    height: 26px;
    padding:2px 3px;
}

.frm193chargeselect:hover
{
    border: 1px solid #3F3F3F;
}


.frm193chargeselect:focus
{
    border: 1px solid #FFBD5F;
}

frm193chargeselect.text
{
    height: 26px;
    padding:2px 3px;
}

.frm193chargeselect > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  border-radius: 3px;
  cursor: pointer;
}

.frm193chargeselect > option:hover {
  background-color: #CCCCEE;
  color:#000000;
}
/*********Price plan screen charge grip****************/
/*********UserSecurityEnrollment**************/
.imgpadding
{
    padding-top:5px;
}

/** Service Request Category**/
.frm246 .gridoverflow
        {
            height: 300px;
        }
        
/** Service Request Type ***/
.frm663 .gridoverflow
        {
            height: 300px;
        }
  /**Nature**/    
.frm345 .gridoverflow
{
  height:300px;
}
.dcpadding
{
    padding-left:2px;
}
 html[dir=rtl].dcpadding
{
    padding-right:2px;
    padding-left:0px;
}
       
       /**Lco Portal Customer Search**/    
.frm694 .prefposition
{
    width:25%;
}
.frm694 .custsearchposition
{
    width:50%;    
}
.frm694 .lnktable
{
    width:100%;    
}
.frm694 .btngo
{
    background-image:url(../images/btngreen.png);
    background-color: green;
    border: 1px solid #568920;    
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    padding: 6px 13px;
    text-decoration: none;
    border-radius:4px;
    min-width:45px;
    height:30px;
    width:40px;
}
.frm694 .btnlong
{
    background-image:url(../images/btngreen.png);
    background-color: green;
    border: 1px solid #568920;    
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    padding: 6px 13px;
    text-decoration: none;
    border-radius:4px;
    min-width:40px;
    height:30px;
    width:40px;
}

      /**Lco Portal User Management**/    
.frm696 .privlist
{
    
    height: 282px;
    width: 250px;
    padding-left: 5px;
    overflow: auto;
    
}
.frm696 .gridoverflow
{
    overflow: scroll;
    height: 252px;
    border-left: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;    
}
.frm696 .gridbottom
{
    border-bottom:1px solid #DEDEDE;
}
/****************** OPE User Sessions***************/
.frm705 .statusimg
{
    width:15px;
    height:15px;
}
/******************OPE User Sessions***************/

/******************Bulk Payments***************/
.frm693 .bulkpmtscheckgridinputtext
{
	width:100px;
	height: 24px;
}
.frm693 .bulkpmtscheckdateinputtext
{
	width:68px;
	height: 24px;
}
.frm693 .bulkpmtscheckdateimg
{
	height: 24px;
    margin: 0px 2px;
    padding: 0px 0px 3px;
    vertical-align:top;  
    position:relative;
}
/******************Bulk Payments***************/

/******************Enhanced Online Payments***************/
.frm8 div.formbutton
{
    width: 49%;
    float :none;
    text-align:right; 
}
.frm8 table.sectionfields tr:last-child > td
{ 
    border-bottom :1px solid #DEDEDE;  
}

/******************Enhanced Online Payments***************/

/*********************Button DropDown*************/
.buttondropdown select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background: url(../images/btndropdown.png);
    outline:none;
    display: inline-block;
    cursor:pointer;
}
 /**keshab**/    
.addmodify
{
    width: 100%;
    height: 30px;
    clear: both;
    padding-bottom:5px;
    padding-top:2px;   
    border-bottom: #EAEAEA 1px solid;
}

.addmodifybutton
{
    text-align:right;
}

html[dir=rtl] .addmodifybutton
{
    text-align:left;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .dropdownbutton select {padding-right:18px}
}
.divtooltip {        
             float: left; 
             background-size: fill; 
             background-position:center; 
             background-repeat:no-repeat; 
             background-color: #F2F2F2;            
             position:absolute; 
            /* border: 1px solid #568920;*/           
             color: black; 
             font-size: 12px; 
             font-weight: normal; 
             padding: 0px 0px; 
             text-decoration: none; 
             border-radius:5px; 
             min-width:100px; 
             margin-right:10px;
             width:800px;
             height: 300px;                     
             overflow:scroll;          
             }  
html[dir=rtl] .divtooltip {        
             float: right; 
             margin-left:10px;
             margin-right:0px;         
             }  
.divtltp
{
    position: absolute;
    border: 1px solid #CA0000;
    /*background-color: #ccd;*/
    background-color:#E8D5D0;
    padding: 1px;  
    text-align: center;   
    border-radius: 5px;    
    color:#CA0000;
    width:800px;
    height: 300px;        
}

.divtltp:after, .divtltp:before
{
    content:'';
    display:block;
    position:absolute;
    top:19px;
    left:-19px; /*should be set to -border-width x 2 */
    border-style: solid;
    width:0;
    height:0;
}

html[dir=rtl] .divtltp:after,html[dir=rtl] .divtltp:before
{
    right:-19px;
    left:0px;
}

.divtltp:before
{
border-color: transparent #CA0000 transparent transparent; /*border color should be same as div div background color*/
border-width: 9px;
margin-top:-9px;

}

.divtltp:after
{  
border-color: transparent #E8D5D0 transparent transparent; /*border color should be same as div div background color*/
border-width: 10px;
margin-top:-10px;
}


/**********Service Order Enhanced Screen*********/
.frm616 .pricingcatalogproduct
{   
}
.frm616 .pricingcatalogplan
{
 font-weight:bold;    
}
.frm616 .pricingcatalogplanproduct
{
  text-indent:10px; 
}
/**********end of Service Order Enhanced  Screen*********/
/********** OPEDashboard Screen*********/
.frm692 .frm692msg
{
    font-weight: bold;
    font-size: 12px;
    color: blue;
    text-align:left;
}
/********** End of OPEDashboard Screen*********/
/***Troubleshooting popup format problem,charactertistic,Action,Steps  ***/
.faq1 table tr:first-child td.problem
{
    background-color:#DADADA;
    padding:5px;
    margin:5px;
    border:1px;
    border-radius:5px;
}

.faq2  table
{
    border-spacing:0px 5px;
}
.faq2  .problem table
{
    border-spacing:0px 5px;
    margin:5px;
}
.faq2  table tr td.problem div.problem
{
    background-color:#DADADA;
    padding:5px;
    margin:5px;
    border:1px;
    border-radius:5px;
    margin-bottom:5px;
    border-spacing:5px 0px;
}
.faq2 .subproblem
{
    padding-left:10px;
    margin:5px;
}
html[dir=rtl] .faq2 .subproblem
{
    padding-right:10px;
    padding-left:0px;
}
.faq2 ul li
{
    background-color:#DADADA;
    padding:5px;
    margin-left:20px;
    border:1px;
    border-radius:5px;    
}
html[dir=rtl] .faq2 ul li
{
    margin-right:20px;
    margin-left:0px;    
}
.yesno
{
    padding-left:15px;
}
html[dir=rtl] .yesno
{
    padding-right:15px;
    padding-left:0px;
}
.faq2 table tr td.problem
{
    background-color:#DADADA;
    padding:5px;
    margin:5px;
    border:1px;
    border-radius:5px;
}
/**end of Troubleshooting popup format problem,charactertistic,Action,Steps **/ 
/**Textfield for Single view Usage Vs Limit **/
.textfieldusg
{
    width: 100%;
    font-weight: normal;
    font-size: 12px;
    color: black;
    text-align: left;
    float: left;
    border: 0px none;
    padding-left: 3px;
    word-break:break-all;
}
html[dir=rtl] .textfieldusg
{
    text-align: right;
    float: right;
    padding-right: 3px;
    padding-left: 0px;
}
/**end of Textfield for Single view Usage Vs Limit **/
/******************Message Templates Screen**************************/
.frm281
{
}

.frm281 .frm281width98
{
    width:800px;
}

.frm281 .frm281notesfield
{
    height: 55px;
    padding-top: 35px;
}

.frm281 .frm281btmborder
{
	border-bottom: 1px solid rgb(222, 222, 222);
}
.frm281 .frm281labelfield
{
    width:20%;
}
.frm281 .frm281labelfieldstatus
{
    width:90%;
}

/******************Message Templates Screen**************************/


/******************************Adhoc usage/extend validity*****************************/
.frm366 .gridcontrcol1
{
    width: 10%;
    padding-left: 3px;
}
.frm366 .gridcontrcol2
{
    width: 20%;
    padding-left: 3px;
}
.frm366 .gridcontrcol3
{
    width: 30%;
    padding-left: 3px;
}

.frm366 .gridcontrcol4
{
    width: 11.6%;
    padding-left: 3px;
}
.frm366 .gridcontrcol5
{
    width: 75%;
    padding-left: 3px;
}

.frm366 #ctl00_uxPgCPH_pnlRdbtns div
{
    padding-left: 3px;
    font-size:14px;
    font-weight:bold;
}

.frm366 .aligntopradiobtn
{
    padding-top: 5px;
}

.frm366 .linkcustom
{
    padding-top: 8px;
    padding-left:14px;
}

.frm366 .linkshowall
{
    padding-top: 8px;
    padding-left:8px;
}

.frm366 .radiobtngap
{
    padding-left: 20px !important;
}

.frm366 .usageuom
{
    padding-top: 10px;
    padding-left:2px;
}

.frm366 .boldtext
{
    font-weight: bold;
}

.frm366 .section
{
    margin-bottom: 15px;
    width: 100%;
    border: 0px;
}

.frm366 #ctl00_uxPgCPH_txtduration
{
    width:108px;
}

.frm366 #ctl00_uxPgCPH_durationtype
{
     width: 80px;
}

.frm366 .gridcontrdatacol1
{
    width: 10%; 
    vertical-align:middle;
    text-align:center;
}
.frm366 .gridcontrdatacol2
{
    width: 20%;
    vertical-align:middle;
}
.frm366 .gridcontrdatacol3
{
    width: 30%;
}
.frm366 .gridcontrdatacol4
{
    width: 20%; 
}
.frm366 .gridcontrdatacol5
{
    width: 20%;
}       
.frm366 .gridtopupplancol1
{
    width: 11.6%;
}
.frm366 .gridtopupplancol2
{
    width: 75%;
}

.frm366 #usagegrid .select
{
    width:100px;
}

.frm366 #usagegrid .inputtext
{
    width:98px;
}
/******************************End of Adhoc usage/extend validity*****************************/
/**Simpfiled Admin Profile Option **/
.frm101 .gridoverflow
{
   height :400px;
}
.frm101 .ddlselect
{
   width  :500px;
}
.frm101 .select
{
   width :155px;
}
.frm101 .helpcss 
{ 
        width    : 200px; 
        height   : 200px; 
        position : absolute;
}
.frm101 .border
 {
        border:1px solid #3F3F3F
 }
 .frm101 #ctl00_uxPgCPH_textsearch_entsrchimg
 {
     display:none;
 }
 .frm101 #ctl00_uxPgCPH_textsearch_txtLookUpCode
 {
     width:500px;
 }
/**Simplified User Profile Option**/
.frm105 .gridoverflow
{
   height :400px;
}

.frm105 .ddlselect
{
   width  :500px;
}
.frm105 .select
{
   width :155px;
}
 .frm105 .helpcss 
{ 
    width    : 200px; 
    height   : 200px; 
    position : absolute;
     
}
.frm105       .border
{
    border:1px solid #3F3F3F;
}

.frm105 #ctl00_uxPgCPH_textsearch_entsrchimg
 {
     display:none;
 }
 .frm105 #ctl00_uxPgCPH_textsearch_txtLookUpCode
 {
     width:500px;
 }
 
/**************************Topup Reversal Screen***********************/

.frm714
{
}

.frm714 #divreason table.sectionfields tr:last-child > td, .frm714 #divremarks table.sectionfields tr:last-child > td
{ 
    border-bottom :1px solid #DEDEDE;  
}

.frm714 .formbutton
{
    width: 20%;
}

.frm714 .divapprovecancel
{
    width: 79%;
    float:left;
    height:35px;
    text-align:right;
}

.frm714 .divcancel
{
    width: 10%;
    float:left;
    margin-top:8px;
}

.frm714 .divcancel span
{
    margin-left:3px;
}

.frm714 .divapprove
{
    width: 90%;
    float:left;
    margin-top:8px;
}

.frm714 .divapprove span
{
    margin-left:3px;
}

.grdeligibeltopup1
{
    width:4%;text-align:center
}

.grdeligibeltopup2
{
    width:12%;
}

.grdeligibeltopup3
{
    width:12%;
}

.grdeligibeltopup4
{
    width:36%;
}

.grdeligibeltopup5
{
    width:12%;
}

.grdeligibeltopup6
{
    width:12%;
}

.grdeligibeltopup7
{
    width:12%;
}

.grdhistorycol1
{
    width:10%;text-align:center
}

.grdhistorycol2
{
    width:30%;text-align:center
}

.grdhistorycol3
{
    width:10%;text-align:center
}

.grdhistorycol4
{
    width:10%;text-align:center
}

.grdhistorycol5
{
    width:20%;text-align:center
}

.grdhistorycol6
{
    width:10%;text-align:center
}

.grdhistorycol7
{
    width:10%;text-align:center
}


.grdcontractcol1
{
    width:10%;text-align:center
}

.grdcontractcol2
{
    width:45%;text-align:center
}

.grdcontractcol3
{
    width:15%;text-align:center
}

.grdcontractcol4
{
    width:15%;text-align:center
}

.grdcontractcol5
{
    width:15%;text-align:center
}

.frm714 .griditem:hover, .frm714 .altgriditem:hover, .frm714 .griditem:hover span, .frm714 .altgriditem:hover span , .griditem:hover .hyperlink, .altgriditem:hover .hyperlink
{
    background-color:inherit;
    color:Black;
}

.frm714 .plandetails
{
    width:100%;
    border: 1px solid rgb(222,222,222);
}

.frm714 .plandurationprice
{
    vertical-align:top;
    width:23%;
}

.frm714 .detailssaperation
{
    border-left: 1px solid rgb(222,222,222);
}

.frm714 .planattributes
{
    vertical-align:top;
    width:77%;
}

.frm714 .datalistsattributes
{
    width:100%;
    vertical-align:top;
}

.frm714 .servicetable
{
    width:100%;
    border: 1px solid rgb(222,222,222);
}

.frm714 .disgridsvclabel
{
    width:100%;
    vertical-align:top;
    text-align:center;
}

.frm714 .tdserviceattributes
{
    width:100%;
    vertical-align:top;
}

.frm714 .dlserviceattributes
{
    width:100%;
}

.frm714 .serviceattributes
{
    border:0;
    width:100%;
}

.frm714 .tdserviceattributes .disgridlabel
{
    width:30%;
}

.frm714 .tdserviceattributes .disgridtext
{
    width:70%;
    text-align:left;
}

.frm714 .tbldurationprice
{
    width:100%;
}

.frm714 .divdurationprice
{
    width:100%;
    height:27px;
}
/**************************Topup Reversal Screen***********************/
.linkdisable
{
    text-decoration:none;
    pointer-events: none;
}
.sectionheading1
{
    color : white;
    height: 30px;
    padding: 0px 0px 0px 2px;
    text-align: left;
    vertical-align:middle;
    background-color:black;
    width: auto;
}
html[dir=rtl] .sectionheading1
{
    text-align: right;
}
.select1
{
    width:160px;
    height: 26px;
    padding:2px 3px;
}
.labelfield1
{
     width: 60%;
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-align: left;
    float: left;
    padding-right: 2px;
}
html[dir=rtl] .labelfield1
{
    text-align: right;
    float: right;
    padding-left: 2px;
    padding-right: 0px;
}
/**************************Compare Versions Screen***********************/
 
.frm1166 #ctl00_uxPgCPH_grdversionsdtls  .frm1166 .griditem > td
{
    border-top: 0px solid #DEDEDE; 
    border-bottom: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
    
}

.frm1166 #ctl00_uxPgCPH_grdversionsdtls .frm1166 .altgriditem > td 
{
    border-top: 0px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
}

.frm1166 .sectionfields .rowstyle1 > td, .frm1166 .sectionfields .altrowstyle > td
{
    border-top: 1px solid #DEDEDE !important;
    border-left: 1px solid #DEDEDE !important;
    border-right: 1px solid #DEDEDE !important;
    border-bottom: 1px solid #DEDEDE !important;
    
}
.frm1166 .sectionfields .frm1166 .altrowstyle1 > td
{
    border-top: 1px solid #DEDEDE !important;
    border-left: 1px solid #DEDEDE !important;
    border-right: 1px solid #DEDEDE !important;
    border-bottom: 0px solid #DEDEDE !important;
    
}
.frm1166 .sectionfields  .frm1166 .rowstyle > tr
{
    border-top: 0px solid #DEDEDE !important;
    border-left: 0px solid #DEDEDE !important;
    border-right: 0px solid #DEDEDE !important;
    border-bottom: 0px solid #DEDEDE !important;
    
}
.heading1
{
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    background-color :#5F5F5F;
    color:white;
    float: left;
    height :26px;
}
html[dir=rtl] .heading1
{
    text-align: right;
    float: right;
}
.frm1166 .heading
{
    height: 25px;
     text-align: left;
}
.frm1166 .sectionheading
{
    height: 28px;
  
}
.frm1166  td.column31,.frm1166 td.column32,.frm1166  td.column33
{
   border-bottom: 0px solid #DEDEDE !important;
}
.frm1166 #ctl00_uxPgCPH_grdItemdetails .frm1166 .griditem > td, .frm1166 .altgriditem > td
{
   border-top: 1px solid #DEDEDE !important;
    border-left: 1px solid #DEDEDE !important;
    border-right: 1px solid #DEDEDE !important;
    border-bottom: 0px solid #DEDEDE !important;
}

.frm1166 #ctl00_uxPgCPH_grdversionsdtls:hover tr
{
     background-color:transparent;   
     color:Black;
}

.frm1166 #ctl00_uxPgCPH_grdItemdetails:hover tr
{
     background-color:transparent;   
     color:Black;
}

.frm1166 .boldtext
{
    font-weight:bold !important;
}

/************List of Quotations Screen***********/

 .frm585 .gridoverflow
{
    overflow: scroll;
    height: 400px;
    border-left: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;   
    padding: 0px;
    margin:0px; 
}

.frm585 .griditem td,.frm585 .altgriditem td,.frm585 td.griditem,.frm585 td.altgriditem
{   
    border-bottom: 0px;
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
    padding: 0px 0px 0px 0px;
    margin:0px;
}

.frm585 tr.griditem > td > table > tbody > tr > td
{
     border-top: 0px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;    
    padding: 3px;
    margin:0px;
}

.frm585 .zeropadding
{
    padding: 0px !important;
}
 A.lnkrmn
{
    font-weight: normal;
    padding-left:5px; 
    font-size: 13px;
    color:blue;
}
html[dir=rtl]  A.lnkrmn
{
    padding-right:5px;
    padding-left:0px; 
}
.frm585 .linkamount
{   
    font-size: 12px;
    color: black;
    text-decoration: none;    
    cursor:default;
    padding: 0px;
    text-align:right;
}

.frm585 #ctl00_uxPgCPH_grdquotationdtls:hover tr, #ctl00_uxPgCPH_grdquotationdtls .altgriditem:hover tr, #ctl00_uxPgCPH_grdquotationdtls a, #ctl00_uxPgCPH_grdquotationdtls span
{        
    background-color:transparent;   
    color:Black;
}

.frm585 .checkbox
{
    font-weight: normal;
    font-size: 13px;
    color: black;
    margin-top: 4px;
}

.frm585 .hyperlink
{
    text-decoration: underline;
    color: blue !important;
}

.frm585 .gridlist
{
    width: 100%;
    border-left: 1px solid #DEDEDE;
    padding: 0px;
}
td.column41
{
    width: 300px;
    padding-bottom: 0px;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}

td.column42
{
    width: 300px;
    padding-bottom: 0px;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}

td.column43
{
    width: 300px;
    padding-bottom: 0px;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}
td.column44
{
    width: 300px;
    padding-bottom: 0px;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}
div.column41
{
    width:25%;
    float:left;
    padding-bottom: 0px;
    border-right: 1px solid #DEDEDE !important;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}
html[dir=rtl] div.column41
{
    float:right;
}

div.column42
{
    width: 24.8%;
    float:left;
    padding-bottom: 0px;
    border-right: 1px solid #DEDEDE !important;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}
html[dir=rtl] div.column42
{
    float:right;
}

div.column43
{
    width:24.8%;
    float:left;
    padding-bottom: 0px;
    border-right: 1px solid #DEDEDE !important;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}
html[dir=rtl] div.column43
{
    float:right;
}
div.column44
{
    width: 25%;
    float:left;
    padding-bottom: 0px;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}
html[dir=rtl] div.column44
{
    float:right;
}
 .fontcolor
 {
     color : Green;
    
 }
 .pointercursor
{
    cursor: pointer;
}
 /************************** Convenience Fee Details Screen ***********************/
 .frm721 .inputtext
  {
      width:100px;
  }  
 .frm721 .gridfields .select
  {
      width:100px;
  }
 
 /**************************  End of Convenience Fee Details Screen ***********************/
.frm576 .td.column32
{
    width: 33%;
    padding-bottom: 0px;
     border-right: 1px solid #DEDEDE !important;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}

.frm576 .td.column33
{
    width: 33.5%;
    padding-bottom: 0px;
     border-right: 1px solid #DEDEDE !important;
    border-bottom: 1px solid rgb(222, 222, 222);
    height: 25px;
}
.gridsubcolr1
 {
  height: 25px;
  width:32%;
  word-wrap:break-word;
  font-weight: normal;
  font-size: 12px;
  color: black;
  text-align: left;
  position:relative; 
  border-top: 1px solid #DEDEDE !important;  
 }
html[dir=rtl] .gridsubcolr1
 {
  text-align: right; 
 }
 .gridsubcolr2
  {
   height: 25px;
   width:17%;
   font-weight: normal;
    font-size: 12px;
    color: black;
    text-align: right;
    padding: 0px 3px 0px 0px;
    position:relative;
    border-top: 1px solid #DEDEDE !important;   
   }
 html[dir=rtl] .gridsubcolr2
  {
    text-align: left;  
   }
    .gridsubcolr3
  {
  height: 25px;
  width:17%;
   font-weight: normal;
    font-size: 12px;
    color: black;
    text-align: right;
    padding: 0px 3px 0px 0px;
    position:relative;
   
   }
  html[dir=rtl]  .gridsubcolr3
  {
    text-align: left;
   
   }
  /************************** Service order enhanced ***********************/
  	   .imagedisable
  	         {
  	             pointer-events: none;
  	             cursor: default;
  	         }
  	 
  	   /************************** End of Service order enhanced ***********************/
/******************Usage Details *****************/
.lblUsg
{
    font-weight: bold;
    font-size: 12px;
    color: black;
    padding-right: 9px;
}
html[dir=rtl] .lblUsg
{
    padding-left: 9px;
    padding-right: 0px;
}
.lblUsg:after
{
    content: " :";
}
/******************Usage Details *****************/
/**************************RateplanNew***********************/
  	 .frm776 div.heading
  	 {
  	     width: 65%;
  	     text-align: left;
  	     position:relative;
  	     top:22%;
  	     left:2px;
  	     font-weight: bold;
  	     font-size: 14px;
  	     color:#3F3F3F;
  	     float: left;
  	     text-align: left;
  	 }
  	 .frm776 div.actionbutton
  	 {
  	     width:32%;
  	 }
  	 .frm776 span.heading
  	 {
  	     width: 65%;
  	     text-align: left;
  	     position:relative;
  	     top:22%;
  	     left:2px;
  	     font-weight: bold;
  	     font-size: 14px;
  	     color:#3F3F3F;
  	     float: left;
  	     text-align: left;
  	     padding-top:4px;
  	 }
  	 .frm776 .tabspace
  	 {
  	     float:left;
  	     padding-right:2px;
  	 }
  	 
  	 .frm776 .subhead td
  	 {
  	     font-weight: bold;
  	     font-size: 12px;
  	     color: #FFFFFF;
  	     border-bottom: 1px solid rgb(222, 222, 222);
  	     border-left:2px solid rgb(222, 222, 222);
  	     background-color:#5F5F5F;
  	     padding: 3px;
  	 }
  	 
  	 .frm776 .gridcol
  	 {
  	     width: 9%;
  	 }
  	 .frm776 .gridallocol
  	 {
  	      width: 11.5%;
  	 }
  	 
  	 /**************************RateplanNew***********************/




  	 /******************generate osd Screen**************************/
  	  DIV.cardslist
  	 {
  	     height: 200px;
  	     width:  100%;
  	     overflow: scroll;
  	     font-weight: normal;
  	     font-size: 11px;
  	     color: black;
  	 }
  	 
  	  DIV.templatedetails
  	 {
  	     height: 200px;
  	     width:  100%;
  	     font-weight: normal;
  	     font-size: 11px;
  	     color: black;
  	 }
         /******************generate osd Screen**************************/

      /******************Monitor osd Screen**************************/
  	 .startlink
  	 {
  	     color: green;
  	     font-size: 12px;
  	     font-weight: bold;
  	     text-align: center;
  	 }
  	 .stoplink
  	 {
  	     color: red;
  	     font-size: 12px;
  	     font-weight: bold;
  	     text-align: center;
  	 }
  	 
  	/******************Monitor osd Screen**************************/ 
	/*****************Report Editor Css**************/
        
  .frm723 .TabInitial
        {
            display: block;
            padding: 4px 18px 4px 18px;
            float: left; 
            color: Black;
            border:1px solid #ADADAD;
            border-bottom:0px;
            border-width: 1px;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            border-bottom: 0px;
            text-decoration:none;
            background-color:#E7E7E6;
            
        }
     html[dir=rtl] .frm723 .TabInitial
        {
            float: right;    
        }
        .frm723 .TabClicked
        {
            display: block;
            padding: 4px 18px 4px 18px;
            float: left; 
            color: White;
            border-color: #ADADAD;
            /*border-width: 1px;*/
            font-weight: bold;
            border-top-left-radius: 8px ;
            border-top-right-radius: 8px ;
            border-bottom: 0px;
            text-decoration:none;
            border:1px solid #ADADAD;
            border-bottom:0px;
            background-color :#1D9E86;
            
        }
        html[dir=rtl] .frm723 .TabClicked
        {   
            float: right;                  
        }
        
       .frm723 .DroppableSection
        {
           border: 1px solid #FFAA00 !important;
        }
        
        .frm723 .CNodeStyle
        {
            cursor: move;
            white-space: nowrap;
            color: Black;
            font-weight: lighter;
            padding-left:5px;
            padding-right:5px;
        }

        .frm723 .nodetext {
            color: #444444;
            font-weight: bold;
            padding-right: 2px;
            padding-left: 2px;
        }
        
         .frm723 #selectItems
        {
            width: 119px;
            height: 2px;
        }
       
       .frm723 .select,SELECT.text,span.inputtext,span.select,span.text
        {
            border:1px solid #C0C0C0;
            border-radius:4px;
            background-color:#FFFFFF;
        }

        .frm723 .txtbox
        {
            border-radius: 8px;
            Height: 20px;
            Width: 180px;
           
        }

       .frm723 .treeviewdiv
       {
          border: 1px solid rgb(222,222,222); 
          width: 226px;
          overflow: auto;
          height:420px;
          padding:5px 0px 5px 5px;
          background-color: #FFFFFF;
          border-radius : 5px 5px 0px 0px / 10px 10px 0px 0px  ;
       }

       .frm723 .Tabtableview
       {
         width: 100%; 
         border-width: 1px; 
         border-color: #ADADAD; 
         border-style: solid;
         background-color:#E7E7E6;
       }

       .frm723 .Pivotview
       {
         width: 100%; 
         height: 130px; 
         border-width: 1px; 
         border-color: #ADADAD; 
         border-style: solid;
         background-color:#E7E7E6;
       }

       .frm723 .menutd
       {
         border-left: 1px solid rgb(222,222,222);
        /* background-color:#F3F3F5;*/
         border:1px solid #ADADAD;
         border-radius:4px; 
         background-color:#E7E7E6;
       }


       .frm723 .div,.filterdiv, .drilldowndiv
      {
        border-width: 1px; 
        border-color: #ADADAD; 
        border-style: dashed;
        overflow: auto;
        background-color:White;
        width:230px;
        height:36px;
      }
      
     .frm723 #xaxisdiv,#colordiv,#yaxisdiv,#textdiv
     {
       width: 55px;
       display: inline-block;
      }
     
     
   .frm723 #divXaxis,#divColor,#divYaxis,#divText
     {
       vertical-align: top;
       display: inline-block;
     }
     .frm723 .divbr
      {
          width:30px;
      }

  .frm723 .divtd
     {
     height: 10px; 
     width: 3px; 
     background-color: #F3F3F5;
     }


 .frm723 .divtable {    
    border: 1px solid #CDCDCD;
    background-color: #F3F3F5;
    height: 19px;
    padding-top: 4px;
    padding-bottom: 4px;
}
   
   .frm723 .divtablehighlight
     {
     border-radius: 4px; 
     height:19px;
     }

     
    .frm723 .divinnertd
     {
     height: 14px; 
     width: 70px; 
     background-color:#F3F3F5;
     }

.frm723 .divinnerdiv
     {
     overflow: hidden; 
     text-overflow: ellipsis; 
     white-space: nowrap; 
     height: 14px; 
     width: 70px;
     font-size: 10px;
     }
     
    .frm723 .divselect
     {
     border: 1px solid #89B; 
     height: 18px !important; 
     width: 95px;
     font-size: 12px;
     }
     
    .frm723 .divimg
     {    
     cursor:pointer; 
     }
     
     .frm723 .linkclicked
    {
      text-decoration: none;
      color:Black;
      font-weight:bold;
    }
    
    .frm723 .link
    {
      color:#175494;
      font-weight:normal;
    }

       .frm723 .txtbox723
        {
            border-radius: 8px;
            Height: 20px;
            Width: 180px;
            border-color: #ADADAD;
            border-width: 1px;
            border-style:solid;
            
        }
      .frm723  #ctl00_uxPgCPH_uxReportParam_pnlSetParams
        {
            border-style:none;    
            
        }
       .frm723 .myMenu
         {
            margin: 0px;
            padding: 0px;          
          }
       .frm723 .myMenu li
        {
            list-style: none;
            float: left;
            font: 12px Arial, Helvetica, sans-serif #111;
        }

       
        
         .frm723 .myMenu li a
        {
            display: block;
            padding: 5px 6px;
            background: none repeat scroll 0% 0% #EAEAEA;
            text-decoration: none;
            color: #000;
        }
        
         .frm723 .myMenu li a:hover
        {
            
          /*  border-width: 0px 1px 1px 0px;
            border-style: solid solid solid solid;
            border-color: Gray;*/
        }
        
         .frm723 .isselected
        {
           /* background-color: #DADADA; */ /*#F2F2F2; #0CF;*/
           /* border-width: 0px 1px 1px 0px;
            border-style: solid solid solid solid;
            border-color: Gray;*/
        }
         
         /*style the sub menu*/
        
        .frm723 .myMenu li ul
        {
            position: absolute;
            margin: 0px;
            padding: 0px;
            background-color: #F3F3F5;
            border-width: 0px 1px 1px;
            border-style: solid;
            border-color: #808080;
            height: 82px;
        }
        
        .frm723 .myMenu li ul li
        {
            display: inline;
            float: none;
        }
        
         .frm723 .myMenu li ul li a:link, .myMenu li ul li a:visited
        {
            background-color: #F2F2F2; /*#09F;*/
            width: auto;
        }
        .frm723 .myMenu li ul li a:hover
        {
            
            background-color:#DADADA; /*#0CF;*/
        }
        
        .frm723 a:hover < li < ul < li < ul
        {
            background-color:red; /*#0CF;*/
        }
      .frm723 .bgcolor
       {
         background-color:White;
         border-bottom: none;
         border-left: 1px solid gray; 
         border-right: 1px solid gray;
         border-top: 1px solid gray;
         padding-left:6px;
         padding-right:6px;
      }
     
     .frm723 .backgrndclr
     {
       background-color:#DADADA;
       font-weight:normal;
       padding-left:6px;
       padding-right:6px;
     }
     
    .frm723 a
    {
      color:#175494;
    }
    
    .frm723 .repselectddl
    {
        border: 1px solid #ADADAD;
        border-radius: 5px;
        background-color: #FFF;
        height: 22px;
        width: 227px;
        margin: 2px;
    }   
     .frm723 .enableGenRptLnk
    {
        pointer-events: all ;
        color : #175494 ;
        cursor : pointer ; 
    }
    
    .frm723 .disableGenRptLnk
    {   
        pointer-events: none ;
        color : Gray ;
        cursor : default ; 
    }
     .frm723 .enableFilterNxtPrevIcon
    {
        pointer-events: all ;
        color : #175494 ;
        cursor : pointer ; 
        opacity: 1;
    }
    
    .frm723 .disableFilterNxtPrevIcon
    {   
        pointer-events: none ;
        color : Gray ;
        cursor : default ; 
        opacity :0.5;
    }
    
     .frm723 .disableSave
    {   
        pointer-events: none ;
        color : Gray ;
        cursor : default ; 
        opacity :0.5;
    }
   
    .frm723 .FilterTabInitial
        {
            padding: 5px 5px 5px 5px; 
            float: left;
            color: Black;
            border:1px solid #ADADAD; 
          /*  border:1px solid #243858 ; */
            border-bottom:0px;
            text-decoration:none;
            background-color:#F3F3F5;
             white-space: nowrap;
            /* width:100%;*/
        }
     html[dir=rtl] .frm723 .FilterTabInitial
        {
            float: right;          
        }
        
        .frm723 .FilterTabClicked
        {
            padding: 5px 5px 5px 5px; 
            float: left;
            color: #C44A49;
          /*  border:1px solid #243858 ; */
            font-weight: normal;
            text-decoration:none;
            border:1px solid #ADADAD; 
            border-bottom:0px;
            background-color :#FFFFFF;
            white-space: nowrap;
           /* width:100%;*/
        }
        html[dir=rtl] .frm723 .FilterTabClicked
        {
            float: right; 
        }
      
       .frm723 .addNewRangeIcon
        {
            padding: 2px 0px; 
            color: White;
            border-color: #ADADAD;
            text-decoration:none;
            border:1px solid #ADADAD;
           /* margin-left:10px;*/
            background-color: #1D9E86;
            background-image: url("../images/ui-icons_ffffff_256x240.png");  
            background-repeat: no-repeat;
           /* background-position: -33px -128px; /*Fat Plus Icon */
            background-position: -18px -129px; /*Thin Plus Icon */
            width: 90px;
            height: 13px; 
            display: inherit;       
        }
        
        .frm723 .addNewRange
        {
            background-color: #1D9E86;
            width:90% ;
            margin-left:10px ;
            color: White;
            text-decoration:none;
            white-space: nowrap;
            font-weight: normal;
            outline : medium none transparent ;
            text-align : center ;
            display:inherit;
        } 

       html[dir=ltr] .frm723 .progressimage
        {
            border: solid 1px #cccccc;
            border-radius:3px;
            position: absolute;
            left: 45%;   
            top:175px;
            background-color: white;
            height: 20px;   
            width: 100px;   
            color:#0E2D5F;
            vertical-align:middle;
            padding-left:10px;
            padding-top:5px;
            display: none;
            margin-top:50px;
            z-index: 101;
        }

       html[dir=rtl] .frm723 .progressimage
        {
            border: solid 1px #cccccc;
            border-radius:3px;
            position: absolute; 
            right: 55%;   
            background-color: white;
            height: 20px;   
            width: 100px;   
            color:#0E2D5F;
            vertical-align:middle;
            padding-left:10px;
            padding-top:5px;
            display: block;
            margin-top:50px;
            padding-right:10px;
            z-index: 101;
        }
        html[dir=rtl] .frm723 .progressimage > img
        {
            float:right;
            image-orientation:flip;
        }
    
        html[dir=rtl] .frm723 .myMenu > li > ul > li > a > img
        {
            float:right;
        }

        html[dir=ltr] .frm723 .submenutd
        {
            border-right: 1px solid #ADADAD;
        }

         html[dir=rtl] .frm723 .submenutd
        {
            border-left: 1px solid #ADADAD;
        }

        .frm723 .submenuimg
        {
            border:none;
            padding-right:4px;
            padding-left:4px;
            width:20px;
            height:18px;
            background-color:#F2F2F2;
        }
        .frm723 .btnrefreshimg
        {
            width:18px;
            height:18px;
            float:left;
        }
        html[dir=rtl] .frm723 .btnrefreshimg
        {
            float:right; 
        }

        .frm723 .btnsaveimg
        {
            height: 20px; 
            width: 20px; 
            float: left;
        }

        html[dir=rtl] .frm723 .btnsaveimg
        {
            float:right;
        }


        .frm723 .divtableparent
        {
            padding-top:2px;
            padding-left:2px;
            float:left;
        }

         html[dir=rtl] .frm723 .divtableparent
        {
            float:right;
        }
 
 /* Two Factor Authentication login Page vertical fields css */
 .loginuidpwd1
{
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-align: left;
    padding-left: 43px;
    padding-top: 10px;
    padding-bottom: 3px;
}
.logininputcontrol1
{
    padding-left: 43px;
    margin-right: 0px;
}
.loginbtnsave1
{
    background-image:url(../images/btngreen.png);
    background-color: green;
    border: 1px solid #568920;    
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    padding: 6px 13px;
    text-decoration: none;
    border-radius:4px;
    min-width:125px;
}
/**************************/

        .frm723 .btnnewimg
        {
            height: 15px; 
            width: 15px; 
            float: right ;
        }

        html[dir=rtl] .frm723 .btnnewimg
        {
            float:left;
        }

        .frm723 .btnnewrptimg
        {
            height: 15px; 
            width: 15px; 
            float: left;
        }

        html[dir=rtl] .frm723 .btnnewrptimg
        {
            float:right;
        }

  
        .frm723 .userfilterdivtable
        {
            border-color:#B0C4DE;
            float:left;
            height: 25px;
        }
        html[dir=rtl] .frm723 .userfilterdivtable
        {
            float:right;  
        }

        html[dir=ltr] .frm723 .genrptlnktd
        {
            padding-left:400px; 
            white-space: nowrap;
        }
        html[dir=rtl] .frm723 .genrptlnktd
        {
            padding-right:400px;
            white-space: nowrap;
        }

        .frm723 .btnnextprvimg
        {
            cursor:pointer;
        }
        
        html[dir=rtl] .frm723 .btnnextprvimg
        {
            image-orientation:flip; 
        }

        html[dir=ltr] .frm723 .waitdiv
        {
            position: absolute; 
            left: 53%; 
            padding: 2px;
        }

        html[dir=rtl] .frm723 .waitdiv
        {
            position:absolute;
            right:53%;
            padding:2px;
        }

        html[dir=rtl] .frm723 .waitdiv img
        {
            float:right;
            image-orientation:flip;
        }

        html[dir=ltr] .frm723 .savingdiv
        {
            position: absolute; 
            left: 50%; 
            padding-bottom: 8px;
            color: #1761B1; 
            font-size: 13px;
        }

        html[dir=rtl] .frm723 .savingdiv
        {
            position: absolute; 
            right: 50%; 
            padding-bottom: 8px;
            color: #1761B1; 
            font-size: 13px;
        }

        html[dir=rtl] .frm723 .savingdiv img
        {
            float:right;
            image-orientation:flip;
        }

        .frm723 .lblfltrdiv
        {
            float:left;
        }

        html[dir=rtl] .frm723 .lblfltrdiv
        {
            float:right;
        }

        .frm723 .lblclrfltrdiv
        {
            float:right;
        }

        html[dir=rtl] .frm723 .lblclrfltrdiv
        {
            float:left;
        }

        .frm723 .lblpivotspan
        {
            float:right;
            padding-right:2px;
            padding-left:2px;
        }
        html[dir=rtl] .frm723 .lblpivotspan
        {
            float:left;
        }

        .frm723 .drpclmnspan
        {
            color: Gray; 
            padding-left: 2px;
            padding-right:2px;
        }

        .frm723 .dropdown, .frm755 .dropdown, .frm790 .dropdown
         {
            position: relative;
         }

         html[dir=ltr] .frm723 .dropdown-content ,html[dir=ltr] .frm755 .dropdown-content
        {
            display: none;
            position: absolute;
            top:30px;
            right:1px;
            background-color: #f9f9f9;
            min-width: 140px;        
            border:1px solid #CCCCCC;
            z-index: 999;
        }
         html[dir=ltr] .frm790 .dropdown-content
         {
              display: none;
            position: absolute;
            top:20px;
            right:1px;
            background-color: #f9f9f9;
            min-width: 140px;        
            border:1px solid #CCCCCC;
            z-index: 999;
         }
        html[dir=rtl] .frm723 .dropdown-content ,html[dir=rtl] .frm755 .dropdown-content,html[dir=rtl] .frm790 .dropdown-content
        {
            display: none;
            position: absolute;
            top:30px;          
            left:1px;             
            background-color: #f9f9f9;
            min-width: 140px;
            /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
            border:1px solid #CCCCCC;
            z-index: 999;
      
        }

        .frm723 .dropdown-content a , .frm755 .dropdown-content a , .frm790 .dropdown-content a
        {
             color: black;
             padding: 12px 16px;
             text-decoration: none;
             display: block;
        }

        .frm723 .dropdown-content a:hover , .frm755 .dropdown-content a:hover  , .frm790 .dropdown-content a:hover
        {
            background-color: #f1f1f1;

        }

       .frm723 .dropdown:hover .dropdown-content , .frm755 .dropdown:hover .dropdown-content , .frm790 .dropdown:hover .dropdown-content
       {
             display: block;
       }

      .frm723 .dropdown:hover .dropbtn, .frm755 .dropdown:hover .dropbtn, .frm790 .dropdown:hover .dropbtn
       {
            background-color: #3e8e41;
       }

      .frm755 .listimg
      {
          padding:5px;
      }
      html[dir=ltr] .frm755 .reportparamfilterdiv
      {
          position:relative;
          height:30px; 
          float:left;  
          padding-right:8px;
          border-left: 1px solid #DEDEDE;
          border-bottom: 1px solid #DEDEDE;
          padding-bottom:4px;
      }
      
      html[dir=rtl] .frm755 .reportparamfilterdiv
      {
          position:relative;
          height:30px; 
          float:right;              
          padding-left:8px;          
          border-right: 1px solid #DEDEDE;
          border-bottom: 1px solid #DEDEDE; 
          padding-bottom:4px;
      }

     html[dir=ltr] .frm755 .panelclass
     {
        border-top: 1px solid #DEDEDE;
        border-bottom: 1px solid #DEDEDE;    
        border-right: 1px solid #DEDEDE;
        border-radius: 0px 4px 4px 0px;    
     }  

     html[dir=rtl] .frm755 .panelclass
     {
        border-top: 1px solid #DEDEDE;
        border-bottom: 1px solid #DEDEDE;    
        border-left: 1px solid #DEDEDE;
        border-radius: 4px 0px 0px 4px;    
     }  

     .frm755 .reportparambtnView 
     {
         position:relative;
         height:30px; 
         float:left;
     }
     html[dir=rtl] .frm755 .reportparambtnView 
     {
         float:right;
     }

     

        html[dir=ltr] .frm755 .modulenamediv
        {
            padding-left: 8px; 
            color: #444444; 
            font-size: 14px;
        }
        html[dir=rtl] .frm755 .modulenamediv
        {
            padding-right: 8px; 
            color: #444444; 
            font-size: 14px;
        }
        .frm755 .moduletd
        {
            padding : 0px 0px 7px 5px;
        }

        html[dir=rtl] .frm755 .moduletd
        {
            padding : 0px 5px 7px 0px;
        }
/*********************************************************************/


  /* styles for grouping div of JQgrid */   
     
       html[dir=ltr] .frm723 #groups, html[dir=ltr] .frm755 #groups
       {
            text-align:left;
            margin:1px;
            border-radius: 4px ;
            border: 1px solid #DEDEDE;
            display:none ; 
            position:relative;
       }
       html[dir=rtl] .frm723 #groups, html[dir=rtl] .frm755 #groups
       {
            text-align:right;  
            margin:1px;
            border-radius: 4px ;
            border: 1px solid #DEDEDE;
            display:none ; 
            position:relative;
       }
       
       .frm723 .panel-content, .frm755 .panel-content
       {
           background-color:#FFF;
           height:30px;
           width:100%;
       }
       
       html[dir=ltr] .frm723 .panel-header, html[dir=ltr] .frm755 .panel-header 
       {
     	   width: 55px;
    	   height: 30px;
    	   background-color: #E7E7E6;
    	   padding-left: 4px;
    	   font-size: 12px;
    	   border-radius: 4px 0 0 4px;
    	   padding-right: 4px;
    	   color: #676A6C;
    	   font-weight: bold;
       }

       html[dir=rtl] .frm723 .panel-header, html[dir=rtl] .frm755 .panel-header 
       {
           width: 55px;
           height: 30px;
           background-color: #E7E7E6;
           padding-left: 4px;
           font-size: 12px;
           border-radius: 0 4px 4px 0;
           padding-right: 4px;
           color: #676A6C;
           font-weight: bold;
       }

       html[dir=ltr] .frm723 .reportparams-header, html[dir=ltr] .frm755 .reportparams-header 
      {
           width: 55px;
           height: 30px;
           background-color: #E7E7E6;
           padding-left: 4px;
           font-size: 12px;
           border-radius: 4px 0 0 4px;
           padding-right: 4px;
           color: #676A6C;
           font-weight: bold;
           border-top: 1px solid #DEDEDE;
           border-bottom: 1px solid #DEDEDE;
           border-left: 1px solid #DEDEDE;
     }

     html[dir=rtl] .frm723 .reportparams-header, html[dir=rtl] .frm755 .reportparams-header 
    {
           width: 55px;
           height: 30px;
           background-color: #E7E7E6;
           padding-left: 4px;
           font-size: 12px;
           border-radius: 0 4px 4px 0;
           padding-right: 4px;
           color: #676A6C;
           font-weight: bold;
           border-top: 1px solid #DEDEDE;
           border-bottom: 1px solid #DEDEDE;
           border-right: 1px solid #DEDEDE;
    }
       
       
        .frm723 #groups ol, .frm755 #groups ol
       {
           counter-reset: ITEMS;
           height:28px;
           padding-top:4px;
       }
       
       html[dir=ltr] .frm723 #groups li::before,html[dir=ltr] .frm755 #groups li::before
       {
           counter-increment: ITEMS;
           content: counter(ITEMS)".";
           padding-right: 0.9em ;   
           font-weight: bold;
       }
           
       html[dir=rtl] .frm723 #groups li::after, html[dir=rtl] .frm755 #groups li::after
       {
           counter-increment: ITEMS;
           content: "."counter(ITEMS);
           padding-left: 0.4em ; 
           font-weight: bold;
       }
       
        html[dir=ltr] .frm723 #groups li, html[dir=ltr] .frm755 #groups li
        {
            display:inline;
            margin: 0 2px 3px 5px;
            padding: 0.4em;
            padding-left: 0.8em;
            height: 15px; 
        }

        html[dir=rtl] .frm723 #groups li, html[dir=rtl] .frm755 #groups li
        {
            display:inline;
            margin: 0 5px 3px 2px; 
            padding: 0.4em;
            padding-right: 0.8em; 
            height: 15px; 
        }
        
        html[dir=ltr] .frm723 #groups li span, html[dir=ltr] .frm755 #groups li span
        {
            display:inline;
            position: absolute;
            margin-left: -1.3em;
        }
        html[dir=rtl] .frm723 #groups li span, html[dir=rtl] .frm755 #groups li span
        {
            display:inline;
            position: absolute;
            margin-right: -1.3em;
        }
        
        .frm723 .ui-jqgrid tr.ui-row-ltr td , .frm755 .ui-jqgrid tr.ui-row-ltr td
        { 
            border-right-color: transparent !important; 
            
        }
        .frm723 .exportimg, .frm755 .exportimg
        {
            float:right;
        }
        html[dir=rtl] .frm723 .exportimg, html[dir=rtl] .frm755 .exportimg
        {
            float: left; 
        }
        .frm723 .exportcsvimg, .frm755 .exportcsvimg, .frm723 .exportexcelimg, .frm755 .exportexcelimg
        {
            height: 15px; 
            width: 15px; 
            float:left;
        }
        html[dir=rtl] .frm723 .exportcsvimg, html[dir=rtl] .frm755 .exportcsvimg, html[dir=rtl] .frm723 .exportexcelimg, html[dir=rtl] .frm755 .exportexcelimg
        {
            height: 15px; 
            width: 15px; 
            float: left; 
        }
        .frm723 .charttoggle, .frm755 .charttoggle
        {
           float:right;
        }
        html[dir=rtl] .frm723 .charttoggle, html[dir=rtl] .frm755 .charttoggle
        {
            float:left;  
        }
/*end Of styles for grid and chart controls */

/* styles for Error Cosole */

.frm723 .errorconsole , .frm755 .errorconsole
 {
    /* width:940px; */
     height: 10px; 
     background-color: White; 
     text-align: center;
     color : red ;
     padding-right : 50px;
     font-family:sans-serif; 
     font-size: 14px; 
     display: none ;
     
 }

html[dir=ltr] .frm723 .artdrilldownColnavimg {
    padding: 2px 8px;
    background: url("../images/ui-icons_454545_256x240.png") no-repeat -31px 2px;
    width: 19px;
    height: 18px;
}

html[dir=rtl] .frm723 .artdrilldownColnavimg {
    padding: 2px 8px;
    background: url("../images/ui-icons_454545_256x240.png") no-repeat -95px 2px;
    width: 19px;
    height: 18px;
}

/* Report Listing screen */   
.frm2007 #ctl00_uxPgCPH_textsearch_entsrchimg
 {
     display:none;
 }
 
 /**************************/

 /**** SAAS Changes ****/ 	   

.frm726 div.imagefield
{
width: 20%;
font-weight: bold;
font-size: 12px;
color: #000;
float: left;
padding-right:10px;
}

.frm726 div.imagefield input
{
    padding-left:10px;
}

.frm726 div.labelfield
{
    width:60%;
font-weight: bold;
font-size: 12px;
color: #000;
float: left;
text-align: left;
}	   

.frm726 div.textfield
{
font-weight: normal;
font-size: 12px;
color: #000;
padding-right: 30px;
text-align: left;
float: right;
}	

.frm726 table.tblborder
{
    border: 1px solid rgb(222, 222, 222);
} 

.frm726 table.featuretitleholder
{
   height:45px;
} 

.frm726 td.columnfeature
{
    width: 33.5%;
    padding-bottom: 0px;
    height: 25px;
}

.frm726 .textdescr
{
    width:572px;
}

.frm726 a
{
    text-decoration: none;
}

.frm726 a.blackcolor
{
    color:Black;
    font-weight:normal;
}

.frm726 a.blackcolor:hover
{
    color:Black;
    font-weight:normal;
    text-decoration:none;
}

.frm726 a.greencolor
{
    color:Green;
    font-weight:normal;
}

.frm726 a.greencolor:hover
{
    color:Green;
    font-weight:normal;
}

.frm726 A:hover
{
    color: blue;
    text-decoration: underline;
}

.frm726 A.link
{
    font-weight: bold;
    font-size: 12px;
    color: black;
}

.frm726 td.columnproduct
{
  /*  width: 45%; */
   width :40%;
   padding-bottom: 0px;
   height: 25px;
}

.frm726 .productlabeltext
{
      width: 120px;
    font-weight: normal;
    font-size: 12px;
    color: black;
    text-align: right;
    position:relative;  
    padding:3px 0px;
  font-weight:bold;
}

.frm726 div.navigatenew
{
position: relative;
top: 22%;
right: 3px;
}

.frm726 .lblfieldpadding
{
     padding-left:30px;
     padding-top:5px;
}

.frm726 td img
{
    float:none;
}

.frm726 div.ajaxloader
{
    position:fixed;
    top:200px;
    left:100px;
    right:1500px;
    height:100%;
    width:100%;
}
.frm726 div.ajaxloader 
{
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
}

.frm726 input.txtsearchproduct
{
    width:140px;
}

.columneditfeature
{
    width: 150px;
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-align: right;
    position:relative;  
    padding:3px 0px;
}

html[dir=rtl] .columneditfeature
{
    text-align: left;
}


.searchcolumns td {
    font-weight: normal;
    font-size: 12px;
    color: #FFF;
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
    padding: 3px;
}

/************ BEGIN: SAAS NewProduct screen *****/ 

.pageborderstyle
{
    border-left: 2px solid #DADADA;
    border-right: 2px solid #DADADA;
    border-bottom: 2px solid #DADADA;
    cellspacing:0px;
    width:100%;
}

.frm771 .table
{
    border: 0px;
    cellpadding: 0px;
    cellspacing: 0px;
    width: 100%;
    height: 80px;
 }
 
.frm771 td.column31, .frm771 td.column32, .frm771 td.column33, .frm727 td.column32, .frm837 td.column31, .frm837 td.column32, .frm837 td.column33, .frm837 .pagetitlemessage, .frm839 td.column31, .frm839 td.column32, .frm839 td.column33, .frm839 .pagetitlemessage{
    border-bottom: 0 solid #DEDEDE !important;
}

.frm771 .optionaltext1
{
    font-weight:bold;
}

 .frm771 .imginputcontrol
{
    width:175px;
}

.frm771 .textalignedimg
{
    padding-bottom:0px;
}

.frm771 .imgselect
{
    width:176px;
}

.frm771 .fileupload
{ 
    font-weight: normal;
    font-size: 9px;
    color: black;
    border:1px solid #C0C0C0;
    border-radius:4px;
    background-color:#F2F2F2;
    width:175px;
    height: 24px;
 }

.frm771 .fillqualifiers
{
    overflow:hidden;
    max-width:180px;
    text-overflow: ellipsis;
   -ms-text-overflow: ellipsis;
   word-wrap:break-word;
}

.frm771 .qualldiv
{
    cursor:pointer;
}

#qualdiv
{
    
}

#qualdiv:hover
{
    display:block;
}

.frm771 .qualifiers
{
    text-align: right;
    padding-right: 15px;
}

.frm771 .textarea
 {
     width: 570px!important; 
     height: 50px;
 }
 
.featureborderstyle
{ 
    width:100%;
    border-bottom: 1px solid #929292;
    border-top: 1px solid #929292; 
}

.frm771 .leftborder
{
    border-left: 1px solid #929292;
    height: 125px;
}

.frm771 .tdfeature
{
    width:62%;
}

.frm771 .tdselfeatures
{
    width:36.5%;
}

.frm771 .trfeatures
{
    height: 90px;
}

.featuresheading
{
   height: 25px;
    float:left;
    min-height: 22px;
    padding-top: 3px;
    padding-bottom: 10px;
    font-weight:bold;
    text-decoration:underline;
    font-size:14px;
}
html[dir=rtl] .featuresheading
{
    float:right;
}

.selfeaturesheading
{
    float:left;
    min-height: 22px;
    padding-top: 8px;
    padding-bottom: 0px;
    padding-left:8px;
    font-weight:bold;
    text-decoration:underline;
    font-size:14px; 
}
html[dir=rtl] .selfeaturesheading
{
    float:right;
    padding-right:8px;
    padding-left:0px;
}

.frm771 .selfeatureslineheight
{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left:8px;
    line-height: 25px;
    height: 80px;
}

.watermark
{
    float:left;
    padding-left:300px;
}
html[dir=rtl] .watermark
{
    float:right;
    padding-right:300px;
    padding-left:0px;
}

.watermarktext
{
    color:#6E6E6E;
}

.selectallsubelement
{
    float:left;
    min-height: 22px;
    padding-top: 3px;
    padding-bottom: 10px;
    padding-left:50px;
}
html[dir=rtl] .selectallsubelement
{
    float:right;
    padding-right:50px;
    padding-left:0px;
}

.featurechecklist
{
    width:80%;
}

.previousbutton
{
    width:5%;
}

.frm771 .prev
{
    height:31px;
    width:50px;
    border-radius:4px;
    background-repeat:no-repeat;
    background-image : url('../Images/proleft-arrow-icon.png');
    border:1px solid black;
    background-size: 15px auto;
    background-position   : center center;
    cursor:pointer;
}
.nextbutton
{
    width:5%;
}
.frm771 .next
{    
    height:31px;
    width:50px;
    border-radius:4px;
    background-repeat:no-repeat;
    background-image : url('../Images/proright-arrow-icon.png');
    border:1px solid black;
    background-size: 15px auto;
    background-position   : center center;
    cursor: pointer;
}

.frm771 .ajaxloader
{
    position:fixed;
    top:100px;
    right:300px;
    height:100%;
    width:100%;
}

.frm771 .ajaxloader td
{
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
}

.frm771 #ctl00_uxPgCPH_textsearch_entsrchimg 
{
    display: none;
}

.frm771 div.floatleft
{  
}

.frm771 #ctl00_uxPgCPH_chkfeaturelist tbody > tr
{
    height: 25px;
}

.productsegmentdiv:hover
{
    display:block;
}

/************ END: SAAS NewProduct screen *****/     

.frm727 .table
{
    border: 0px;
    cellpadding: 0px;
    cellspacing: 0px;
    width: 100%;
    border: 2px Solid Gainsboro;
}

.frm727 .qualifiers
{
    padding-left:10px;
    font-weight:bold;
    height:25px;
    white-space: nowrap;
    overflow:hidden;
    max-width:200px;
    text-overflow: ellipsis;
}

.frm727 .button
{  
     float:right;
}

.frm727 .showmore
{
    padding-left:150px;
    text-decoration:none;
    color:Blue;
    cursor:pointer;
    font-weight:700;
}

.productpriceplaninfo
{
    width: auto;
    border: 2px Solid Gainsboro;
}

.featuresgap
{
    padding-bottom:3px;
    padding-top:3px;
    padding-left:10px;
}

.featuredetails
{
    height:150px;
    padding-left:0px;    
}

.featureheading
{
    padding-left:10px;
    font-weight:700;
    text-decoration:underline;
    font-size:14px;    
}

.priceparampanel
{
    width: 79.66%;
    height: inherit;
    float: right;
    border-left: 1px Solid #929292;
    padding-top:15px;
}
html[dir=rtl] .priceparampanel
{
    float: left;
}

.pricepanel
{
    width: 20%;
    height: inherit;
    float: left;
}
html[dir=rtl] .pricepanel
{
    float: right;
}

.frm727 .requiredtext3
{
    text-align:left;
}

.frm727 .textalignedimg
{
    padding:4px 0px 3px;
}

.frm727 td.column32 .inputtext
{
    width:165px;
}

.frm727 td.column32 .select
{
    width:130px;
}

.frm727 .gridcolumnhead
{
    height: 30px;
    vertical-align: middle;
    text-align: left;
    width: 100%;
    border: 1px solid #929292;
}

.frm727 .gridcolumnhead th
{
    font-weight: bold;
    font-size: 12px;
    color:Black;
    border-left:1px solid #929292;
    background-color:#DADADA;
    padding: 3px;
    
}

.frm727 .gridcolumnhead th a
{
    font-weight:bold;
    color:Black;
}

.frm727 .griditem > td, .altgriditem > td
 {
 }
 
.frm727 .griditem:hover tr, .altgriditem:hover tr, .gridlist:hover 
 {
    background-color:transparent;
    
}

.frm727 div.gridoverflow 
{ 
    border-bottom: 1px solid #929292;
    border-right:1px solid #929292;
 }
 
.frm727 .gridowndata1 
{
    border-right: 1px solid #929292 ;
}

.frm771 .selectedfeatures
{
    height:80px;
    overflow-y:scroll;
}

.frm771 a
{
     text-decoration: none;
}

.frm771 A:hover
{
    color: blue;
    text-decoration: underline;
}

.frm771 A.link
{
    font-weight: bold;
    font-size: 12px;
    color: black;
}

.frm771 div.navigatenew
{
position: relative;
top: 22%;
right: 3px;
}

.frm771 .producttypeselect
{
   width:96px;
}

.frm771 .trialsheading
{
    padding-left:10px;
    font-weight:700;
    text-decoration:underline;
    font-size:14px;   
}

.frm771 .trialsborderstyle
{
  border-bottom: 1px solid #929292;
}

.paddinglabelqualifiers
{
    padding-left:25px;
}

.paddingtextqualifiers
{
    padding-left:55px;
}

div.qualifierscroll
{
    overflow-y:scroll;
}

.lstboxqualifiers
{
    font-weight: normal;
    font-size: 13px;
    color: black; 
    border:1px solid #C0C0C0;
    background-color: rgb(242, 242, 242);
    border-radius: 3px;
    height:150px;
    width: 198px;
    padding:2px 3px;
    padding: 6px 8px;
    text-shadow: none;
    width:100%;
}

div.qualifiersheading
{
    width: 70%;
    text-align: left;
    position:relative;
    left:2px;
    font-weight: bold;
    font-size: 14px;
    color:#3F3F3F;
    text-align: left;
}

.frm727 .leftborder
{
     border-left: 1px solid #929292;
     height: 115px;
}

td.productwidth
{
    width:50%;
}

td.featurewidth
{
    width:50%;
}

.frm727 .productfeatureseperator
{
    border-left: 1px solid #929292;
    height: 210px;
}

.frm727 td.bckproductcatalogue
{
     width:23%;
     padding-top:10px;
     padding-bottom:10px;
}

.frm727 a
{
     text-decoration: none;
}

.frm727 A:hover
{
    text-decoration: underline;
}

.frm727 A.link
{
    font-weight: bold;
    font-size: 12px;
    color: black;
}

.frm727 a.showmorefeaturesgap
{
    padding-bottom:3px;
    padding-top:3px;
    padding-left:200px;
    color:#00f;
}
 
.productimage
{
    width:90px;
    height:72px;
    padding-left:40px;
    padding-top:50px;
}

.productinfo
{
    width: auto;
    height: auto;
}

.productdetailinfo
{
}

.productimgnfo
{
    width: 25%; 
}

.productdetails
{
    padding-left:10px;
    font-weight:bold;
}

.productfeatureinfo
{
}

.productpriceplaninfo
{
    width: auto;
    border: 2px Solid Gainsboro;
}

.featuresgap
{
    padding-bottom:3px;
    padding-top:3px;
    padding-left:10px;
}

.featuredetails
{
    padding-bottom:52px;
}

.productdetailpanel
{
}

.productdetailpanel2
{
    padding-bottom:12px;
    border-radius:4px; 
}

.featureheading
{
    font-weight:700;
    text-decoration:underline;
    font-size:14px;
    padding-left:10px;
}

.priceparampanel
{
    width: 79.66%;
    height: inherit;
    float: right;
    border-left: 1px Solid Gainsboro;
    padding-top:15px;
}

html[dir=rtl] .priceparampanel
{
    float: left;
}

.pricepanel
{
    width: 20%;
    height: inherit;
    float: left;
}

html[dir=rtl] .pricepanel
{
    float: right;
}

.frm727 .requiredtext3
{
    text-align:left;
}

.frm727 .textalignedimg
{
    padding:4px 0px 3px;
}

.frm727 td.column32 .inputtext
{
    width:170px;
}

.frm727 .gridcolumnhead th
{
    background-color:#D7D7D7;
    color: #333333;
}

.frm727 .gridcolumnhead th a
{
    color: #333333;
    text-decoration:none;
}

.tdUSD
{
    border:1px solid #333333;
    margin-left : 2px;
}

.tdUSDVal
{
    border:1px solid #333333;
}

.tdINR
{
    border:1px solid #333333;
}

.tdINRVal
{
    border:1px solid #333333;
}
.optionaltext727
{
    width: 150px;
    font-weight: normal;
    font-size: 12px;
    color: black;
    text-align: right;
    position:relative;  
    padding:3px 0px;
    float:left;
}
html[dir=rtl] .optionaltext727
{
    text-align: left;
    float:right;
}
.productdetails727
{
    padding-left: 10px;
    padding:4px 0px;
    font-weight: bold;
    position: relative;
}
.pricepanel727
{
    width: 28%;
    height: inherit;
    float: left;
}
html[dir=rtl] .pricepanel727
{
    float: right;
}
.priceparampanel727
{
    width: 71.66%;
    height: inherit;
    float: right;
    border-left: 1px Solid Gainsboro;
}
html[dir=rtl] .priceparampanel727
{
    float: left;
}
.tblpriceplan727
{
    width:100%;
    margin:0 auto;
    
}
.tblpriceplan3
{
    border-collapse: collapse;
    margin:0 auto;
    width:95%;
    height: 70px;
    text-align:center;
}
.tblpriceplan3 td
{
    border:1px solid;
    width:33%;
    	
}
.td727
{
    border:1px solid;
    background-color:Gainsboro;
    font-weight: bold;
    font-size: 14px;
}
.heading727
{
    font-weight: bold;
    font-size: 14px;
}
.divpriceplan727
{
    width: 90%; 
    height: 40px; 
    margin: 0 auto;
}
.lnkbutton727
{
     color: Blue;
     text-decoration:none;
}
.lnkbutton727:hover
{
     color: Blue;
     text-decoration:underline;
}
.tdcharges727
{
    border:1px solid;
    text-align:center;
    height:30px;
    width:33%;
    border-collapse:collapse;
    background-color:Gainsboro;
}
.tblcharges727
{
    width:90%;
    margin:0 auto;
}
.tblcharges727 td
{
    border:1px solid;
    border-collapse:collapse;
    width:33%;
}
 
 .pricetable727
{
    border:1px solid; 
    border-collapse:collapse;
    text-align:center;
}
.pricetable727 td
{
    border:1px solid;
}

TR.qualifierheader
{
    color: #3F3F3F;
    height: 40px;
    padding: 0px 0px 0px 2px;
    text-align: left;
    vertical-align:middle;
    width: auto;
}

TR.qualifierheader td:first-child
{   
    width: 70%;
    text-align: left;
    position:relative;
    top:10px;
    left:10px;
    font-weight: bold;
    font-size: 14px;
    color:#3F3F3F;
    float: left;
    text-align: left;
}

html[dir=rtl] TR.qualifierheader td:first-child
{ 
    text-align: right;
    right:10px;
    left:0px;
    float: right;
}


.frm727 div.charges
{
    height:100px;
}

.headinglinkbutton
{
  background-image:url(../images/btngreen.png);
  background-color: green;
  border: 1px solid #568920;    
  font-size: 12px;
  font-weight: normal;
  padding: 5px;
  text-align: center;
  border-radius: 10px;
  color: #FFF;
}

a.headinglinkbutton:hover
{
    color:#FFF;
}

.frm726 .linkasbutton
{
 padding  :1px 5px 1px 5px;
 text-align: center;
 border-radius: 5px;
 font-weight: normal;
 border: 1px solid !important;
 font-weight: normal;
}

.frm726 a.linkasbutton
{
 color  :Blue;
}

.frm726 a.linkasbutton:hover 
{
    color:Blue;
}

.frm726 .paddinglnks
{
}

.frm726 tr.contenthead
{
    color: #3F3F3F;
    height: 35px;
    padding: 0px 0px 0px 2px;
    text-align: left;
    vertical-align:middle;
    background-color: #DADADA;
    width: auto;
}
/******************Number Category Marking***************/
  	 .frm681 div.radiobtn
  	 {
  	 padding-left: 40px;
  	 padding-top: 7px;
  	 }
  	 
  	 .frm681 .gridSelectedRow
  	 {
  	     background-color:rgb(112, 168, 80);
  	     color: white;
  	 }
  	 /******************Number Category Marking***************/
/******************Number Publishing Screen***************/
  	 .frm670 .poolslist
  	 {
  	     Height : 50px;
  	      Width :100%;
  	 }
/******************Number Publishing Screen***************/


/******************generate osd Screen**************************/
  	           DIV.cardslist
  	          {
  	              height: 200px;
  	              width:  100%;
  	              overflow: scroll;
  	              font-weight: normal;
  	              font-size: 11px;
  	              color: black;
  	          }
  	 
  	           DIV.templatedetails
  	          {
  	              height: 200px;
  	              width:  100%;
  	              font-weight: normal;
  	              font-size: 11px;
  	              color: black;
  	          }
  	          /******************generate osd Screen**************************/
  	 
  	       /******************Monitor osd Screen**************************/
  	          .startlink
  	          {
  	              color: green;
  	              font-size: 12px;
  	              font-weight: bold;
  	              text-align: center;
  	          }
  	          .stoplink
  	          {
  	              color: red;
  	              font-size: 12px;
  	              font-weight: bold;
  	              text-align: center;
  	          }
  	 
  	         /******************Monitor osd Screen**************************/

/***********************Promotions*********************/

.frm518 #viewpromo .promogridselect, .frm518 #viewpromo .promogridstatus
{
    width: 6%;
    word-wrap: break-word;
}
.frm518 #viewpromo .promogridvalidity, .frm518 #viewpromo .promogridvalidfrom, .frm518 #viewpromo .promogridvalidto
{
    width: 8%;
    word-wrap: break-word;
}
.frm518 #viewpromo .promogridpromodesc, .frm518 #viewpromo .promogridpromoplan
{
    width: 24%;
    word-wrap: break-word;
}
.frm518 #viewpromo .promogridpromocode
{
    width: 16%;
    word-wrap: break-word;
}

/*.frm518 .subhead td
{
    border-left: 2px solid #DEDEDE;
    padding-left: 3px;
}*/

.frm518 .promogriddataselect, .frm518 .promogriddatastatus
{
    width: 6.1%;
    word-wrap: break-word;
}
.frm518 .promogriddatavalidity, .frm518 .promogriddatavalidfrom, .frm518 .promogriddatavalidto
{
    width: 8.1%;
    word-wrap: break-word;
}
.frm518 .promogriddatadesc, .frm518 .promogriddataplan
{
    width: 24.1%;
    word-wrap: break-word;
}
.frm518 .promogriddatacode
{
    width: 16.2%;
    word-wrap: break-word;
}

.frm518 .freeperiodplan
{
    width: 20%;
    word-wrap: break-word;
}

.frm518 .discountplancode, .frm518 .discountplantype
{
    width: 32%;
    word-wrap: break-word;
}

.frm518 .plancv
{
    width: 20%;
    word-wrap: break-word;
}

.frm518 .plan
{
    width: 44%;
    word-wrap: break-word;
}

.frm518 .freeperiodcv
{
    width: 15%;
    word-wrap: break-word;
}

.frm518 .planselect, .frm518 .plandelete, .frm518 .Pricediscselect, .frm518 .discountplandel
{
    width: 6%;
    word-wrap: break-word;
}

.frm518 .plangridselect, .frm518 .freeproductgridselect, .frm518 .plangriddelete, .frm518 .PriceDiscselect, .frm518 .discplangriddel
{
    width: 6%;
    word-wrap: break-word;
}

.frm518 .freeperioddiscounts, .frm518 .freeperiodapplyon, .frm518 .freeperiodterms, .frm518 .discountplanvalue, .frm518 .discountplanduration
{
    width: 12%;
    word-wrap: break-word;
}

.frm518 .PriceDiscplan, .frm518 .PriceDisccv, .frm518 .PriceDiscEP, .frm518 .FreeProductsgridplandesc, .frm518 .FreeProductsgridcvdesc, .frm518 .FreeProductsgridprdcatg
{
    width: 30%;
    word-wrap: break-word;
}

.frm518 .gridcmd
{
    width: 3.43%;
    word-wrap: break-word;
}
.frm518 .gridvscroll
{
    width: 2%;
}

.frm518 .gridvscrol2
{
    width: 1.5%;
}

.frm518 .plangridvscrol2
{
    width: 1.2%;
}

.frm518 .freeperiodgridplandesc
{
    width: 20.2%;
    word-wrap: break-word;
}

 .frm518 .discountplancodedesc, .frm518 .discountplantypedesc, .frm518 .plangridcvdesc
{
    width: 32.2%;
    word-wrap: break-word;
}

.frm518 .plangridplandesc
{
    width: 44.2%;
    word-wrap: break-word;
}

 .frm518 .plangridcvdesc
 {
    width: 20.2%;
    word-wrap: break-word;
}

.frm518 .freeperiodgridcvdesc
{
    width: 15.2%;
    word-wrap: break-word;
}

.frm518 .freeperiodgridterm
{
       width: 37.2%;
    word-wrap: break-word;
}

.frm518 .freeperiodgriddiscount, .frm518 .freeperiodgridapplyondesc, .frm518 .freeperiodgridterm, .frm518 .discountplangriddiscvalue, .frm518 .discountplangridduration
{
    width: 12.2%;
    word-wrap: break-word;
}



.frm518 .PriceDiscplandesc, .frm518 .PriceDisccvdesc, .frm518 .PriceDiscEP
{
    width: 30%;
    word-wrap: break-word;
}

.frm518 .datagridcmd
{
    width: 3.43%;
    word-wrap: break-word;
}

.frm518 .promotionactivelabel
{
    color: green;
    text-align: center;
    width: 250px;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 15px;
    border-spacing: 5px;
    font-family: Segoe UI, Times New Roman;
}

.frm518 .griditem:hover a.promotionactivelabel,.frm518 .altgriditem:hover a.promotionactivelabel
{
    background-color: transparent;
    color: Green;
}

.frm518 .promotioninactivelabel
{
    color: Red;
    text-align: center;
    width: 250px;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 15px;
    border-spacing: 5px;
    font-family: Segoe UI, Times New Roman;
    text-decoration: none;
}

.frm518 .promotiondivexpand
{
    background: #DADADA; /*z-index: 100;      box-shadow: 10px 10px 5px #888888;*/
    height: 30px;
}

.frm518 .promodivexpand
{
    visibility: hidden;
    height: 0;
    float: left;
    padding-left: 6.2%;
}

.frm518 div.promotiongridoverflow
{
    border-left: 1px solid rgb(222, 222, 222);
    border-bottom: 1px solid rgb(222, 222, 222);
    border-right: 1px solid rgb(222, 222, 222);
}

.frm518 .promotdnoborder
{
    border: 0px;
}

.frm518 .gvPromotionsheight
{
    height: 250px;
}


.frm518 .smallselect
{
    font-weight: normal;
    font-size: 13px;
    color: black;
    border: 1px solid #C0C0C0;
    border-radius: 4px;
    background-color: #F2F2F2;
    height: 26px;
    width: 130px;
    padding: 2px 3px;
}

.frm518 .smallselect:hover
{
    border: 1px solid #3F3F3F;
}

.frm518 .smallselect:focus
{
    border: 1px solid #FFBD5F;
}

.frm518 .smallselect > option
{
    margin: 3px;
    padding: 6px 8px;
    text-shadow: none;
    border-radius: 3px;
    cursor: pointer;
}

.frm518 .smallselect > option:hover
{
    background-color: #CCCCEE;
    color: #000000;
}

.divajax
{
    background-color:Gray;
    opacity:0.1;
    filter:alpha(opacity=10);
}

.ajaxloader
{
    position:fixed;
    top:20px;
    left:0px;
    height:100%;
    width:100%;
}

.ajaxloader td
{
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
}

.frm518 div.navigatenew {
    position: relative;
    top: 22%;
    right: 3px;
}

.frm518 td.lblTextfreeproducts
{
     width: 90px;
     height:22px;
    font-weight: normal;
    font-size: 12px;
    color: black;
    text-align: right;
    position:relative;  
    padding:3px 0px;
}

/***********************Promotions*********************/


/***********************Begin :  Sales CRM Dashboard Screen (frm774) *********************/
 .frm774 td.column31,  .frm774 td.column1
 {
      border-bottom: 0px solid #DEDEDE !important;
 } 
 .frm774 td.column2
 {
     color: #3F3F3F;
     height: 40px;
    padding: 0px 0px 0px 2px;
    text-align: left;
    vertical-align: middle;
    background-color: #DADADA;
    width: auto;
}
 .frm774 .select
 {
     background-color: #FFF !important;
 }
 .frm774 table.toppagecontent
 {
     width: 100%;
 }
 .frm774 table.borderstyle
 {
     width: 100%;
     background-color: #FFF; 
     border: 1px solid #DEDEDE;
 }
 .frm774 #jqGridPager1
 {
     display:none;
 }
 .FRM774 #ui-jqgrid-bdiv
 {
     height: 250px;
     width: 698px;
}
        
 /*********************** End :  Sales CRM Dashboard Screen (frm774) *********************/
 
/****** Begin :  IssueToSbrSlno screen Predictive Search changes *******/
 .frm1041 .searchimg
{
    display:none;
}
.frm1041 #ctl00_uxPgCPH_slnodl tr
{
    border-bottom: 1px solid rgb(222, 222, 222);
   
}
.frm1041 #ctl00_uxPgCPH_slnodl td
{
   padding-top: 2px;
   min-height: 22px;
}
.frm1041 .element
{
    border-bottom: 1px solid #DEDEDE;
}
 /****** End :  IssueToSbrSlno screen Predictive Search changes  *******/
 
 .frm727 .selectbtn, .frm727 .inputtext
 {
     width: 170px !important;
 }
 
 .btnnew
{
    background-image:url(../images/btncancel.png);
    background-color: #e6e6e6;
    border: 1px solid #C0C0C0;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 13px;
    text-decoration: none;
    border-radius:8px;
    min-width:160px;
    margin-left:1040px;
    position: absolute;
    top: 130px;
    left: 60px;
}

.txtplacehld
{
    color:#0099CC;
    font-size:14px;
    margin-left:13px;
    font-weight: normal;
    text-align: right;
    position:relative;  
    padding:4px 0px;
    float:left;
}
html[dir=rtl] .txtplacehld
{
    margin-right:13px;
    margin-left:0px;
    text-align: left;
    float:right;
}

.frm743 #navtab .navtabs li a 
{
    padding-right:35px;
}

.iframebtnclose ,.iframebtninsert
{
    background-image: url(../images/btncancel.png);
    background-color: #e6e6e6;
    border: 1px solid #C0C0C0;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    padding: 6px 13px;
    text-decoration: none;
    border-radius: 4px;
    min-width: 90px;
    position: absolute;
    left: 120px;
    top: 300px;
}

.iframebtninsert
{
     position: absolute;
     left: 20px;
     top: 300px;
}

.iframediv
{
     font-weight: bold;
     font-size: 12px;
     font-family: Segoe UI;
     padding-top: 10px;
     padding-bottom: 3px;
}

.multiselect
{
    width: 198px;
    height: 180px;
    padding: 2px 3px;
    border: 1px solid #C0C0C0;
    border-radius: 4px;
    background-color: #F2F2F2;
    font-weight: normal;
    font-size: 13px;
    color: #000;
}
.btnview
{
    background-image:url(../images/btncancel.png);
    background-color: #808080;
    border: 1px solid #C0C0C0;
    color: #282828  ;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 13px;
    text-decoration: none;
    border-radius:8px;
    min-width:130px;
    margin-right:15px;
}
html[dir=rtl] .btnview
{
    margin-left:15px;
    margin-right:0px;
}

.frm771 .flexcolumn1 ,.frm771 .flexcolumn2, .frm771 .flexcolumn3
{
    width: 33.5%;
    padding-bottom: 0px;
    border-bottom: 0px solid rgb(222, 222, 222);
    height: 25px;
}
.frm771 .inputtext
{
    width:175px;
}
 .frm771 .imginputcontrol1
{
    width:150px;
}
/**************************Operational portal MVC changes***********************/

 .requiredtxt:after 
 {
    content: " *";
    color: #EA5B3E;
 }
 .divnowrap {
    white-space:nowrap !important;
}
 .floatright
{
    float:right;
}
 html[dir=rtl] .floatright
{
    float:left;
}
.labelTextlbl {
    text-align: left;
}
html[dir=rtl] .labelTextlbl {
    text-align: right;
}

.frm835 .formfields {
    margin-top: 3px;
    margin-bottom: 5px;
}

.frm835 .multiselect {
    height: 100px;
}

.frm835 td.column1 {
    border-style: none;
    border-width: 0;
}

.frm835 td.column2 {
    border-style: none;
    border-width: 0;
}
input.chkboxshadow
{
    box-shadow: 2px 2px 2px rgba(255,0,0,1);
}
 input.hidetext
  {
     border-style:none;
     height: 24px;
     width: 160px;
     font-weight: normal;
     font-size: 13px;
     color: #000;
     font-style: normal;
     font-family: Segoe UI;
  } 
  .frm1041 .searchimg
{
    display:none;
}
.frm1041 #ctl00_uxPgCPH_slnodl tr
{
    border-bottom: 1px solid rgb(222, 222, 222);
   
}
.frm1041 #ctl00_uxPgCPH_slnodl td
{
   padding-top: 2px;
   min-height: 22px;
}
.frm1041 .element
{
    border-bottom: 1px solid #DEDEDE;
}

.frm836 .hyperlink {
    text-decoration: underline;
    color: blue !important;
    cursor:pointer;
}

.frm836 .label {
    display: table;
    text-align: left;
    padding-bottom: 8px;
}

.frm836 .clear-float {
        clear: both;
    }

.frm836 .tab-page {
    max-width: 100%;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    <!-- border: thin #000000 solid; -->
    height: 400px;
}

.frm836 .sntpertab {
    margin: 25px auto;
    width: 100%;
}

.frm836 .gridview {
    border: 0px;
}


.frm836 .tab-page {
    display: none;
}

.frm836 .active-page {
    display: block;
}

.frm836 .tbovf {
    background: #fff;
    overflow-y: auto;
}

.frm836 .gridcolumnhead th {
    border-left: 0px !important;
    border-right: 0px !important;
}

.frm836 .cursortype {
    border-left: 0px !important;
    border-right: 0px !important;
}

    .frm836 .cursortype div {
        width: inherit !important;
    }

.frm836 .griditem td {
    height: 35px !important;
}

.frm836 .irmain {
    background: #fff;
    margin: 0 auto;
    margin-top: 10px !important;
    padding: 10px;
    width: 96.5%;
}

.frm836 td.column31 input, .frm836 td.column32 input, .frm836 td.column33 input, .frm836 td.column31 select, .frm836 td.column32 select, .frm836 td.column33 select {
    width: 195px !important;
}

.frm836 .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1001; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: -4em;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    <!-- overflow: auto; /* Enable scroll if needed */ -->
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

    /* Modal Content */
.frm836 .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    overflow: auto;
    padding-bottom: 0;
}

    /* The Close Button */
.frm836 .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    top: -10px;
}

    .frm836 .close:hover,
    .frm836 .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.frm836 .cmnthd {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}

    .frm836 .cmnthd h3 {
        float: left;
        margin: 0;
    }

.frm836 .acmgr-regn {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}

.frm836 .tbs {
    float: left;
    width: 48%;
}

.frm836 ul.acmgr-tabs {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.frm836 .mgrmain {
    background: #fff;
    margin: 20px;
    padding: 24px;
    overflow: auto;
}

.frm836 ul.acmgr-tabs li.active {
    border-bottom: 4px solid #d2d2d2;
    color: #000;
}

.frm836 ul.acmgr-tabs li {
    float: left;
    height: 34px;
    line-height: 30px;
    list-style-type: none;
    text-align: center;
    cursor: pointer;
    width: 22.33%;
}

.frm836 .acmgradsrch label {
    padding-right: 10px;
}

.frm836 .mapping {
    margin-top: 20px;
    margin-bottom: 20px;
}

.frm836 .rdobtn {
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 0;
    margin-right: 4em;
    font-size: 16px;
    position: relative;
    vertical-align: middle;
}

.frm836 .srchnwcrnt {
    float: right;
    margin-bottom: 14px;
    display:inline-table;
}

.frm836 .addbtn {
    float: right;
}

.frm836 .chkbxio {
    cursor: pointer;
    font-size: 16px;
    position: relative;
    top: 3px;
}

.frm836 .gridcolumnhead {
    height: 37px;
}

.frm836 .aligncenter {
    text-align: center;
}

/*for processing image*/

.loadingindicator
{   
    position: fixed;
    top: 50%;
    right: 50%;
    width: 185px;
    max-height: 60px;
    display: table;
    background-color: #fff;
    background-image:url(../images/loaderbg.png);
    border: 1px solid #568920;
    border-radius: 4px;
    vertical-align: middle;
    padding: 5px;
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.6);
    -o-box-shadow: 0 0 10px 1px rgba(0,0,0,0.6);
    z-index:999999999;
    transform:translateX(50%);
}

.loaderimg
{
    background-image: url(../images/mvcloader.gif);
    display: table-cell;
    width: 32px;
    height: 32px;
    margin: auto;
    background-repeat: no-repeat;
    padding: 0px 10px;
    vertical-align: middle;
}

.loadertext
{
    font-size: 12.5px;
    font-weight: bold;
    padding-left: 5px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    color:#5F5F5F;
}
/*for processing img*/

/* ART Error and Processing image styles */
  .errorArtReportdescription {
            height: 18px;
            text-align: left;
            color: #222222;
            font-size: 14px;
            font-weight: 900;
            margin-left: 5px;
            font-style: normal;
            font-family: Segoe UI;
            margin-top: -110px;
            padding : 5px;
        }

        .errorArtText {
            text-align: center;
            font-size: 20px;
            color: red;
            font-weight: 900;
             margin-top: 15%;
        }

        .nodataArtText{
            text-align:center;
            font-size:20px;
            color:black;
           font-weight: 900;
           margin-top: 15%;
        }

        .artProcessingImage {
            border: solid 1px #cccccc;
            border-radius:3px;
            position: absolute;
            left: 45%;   
            background-color: white;
            height: 20px;   
            width: 100px;   
            color:#0E2D5F;
            vertical-align:middle;
            padding-left:10px;
            padding-right:10px;
            padding-top:5px;
            display: block;
            margin-top:50px;
        }

          html[dir=rtl] .artProcessingImage img
        {
            image-orientation:flip;
            float:right;
        }
/* end of ART error and processing image styles */

/*single view connection display*/
tr.rowstyle.connbackgrd
{background-color:gray;
color:white;}

 .addhyperlink
    {
    text-decoration: underline;
    color: green !important;
    font-size: 12px; 
    padding-right: 6px;
  }
.removehyperlink
    {
    padding-left: 6px;
    text-decoration: underline;
    color: red !important;
    font-size: 12px; 
  }

/*New Theme Styles*/
.newPageTheme .section {
    background: #fff;
    border-radius: 10px;
    margin-top: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.newPageTheme .sectionheading {
    background-color: unset;
    overflow: hidden;
}

.newPageTheme div.heading {
     left: 20px;
    color: #bc2d30;
}

.newPageTheme .sectionfields {
    border-left: 0px;
    border-right: 0px;
}

.newPageTheme div.buttons {
    border-radius: 10px;
    margin-top: 5px;
    background-color:none;
}



.newPageTheme input.inputtext {
    background-color: #fff;
}

.newPageTheme input.text,.newPageTheme INPUT.inputtext,.newPageTheme INPUT.readonlytext {
    height: 28px;
    text-indent: 8px;
}


.newPageTheme .gridcolumnhead {
    width: 100% !important;
    height:auto;
}


    .newPageTheme .gridcolumnhead th:first-child {
        padding-left: 8px !important;
    }

    .newPageTheme .gridcolumnhead th {
        border-right: 0px;
        border-left: 0px none;
        background-color: #eaeaea;
        height: 31px;
        border-bottom: 1px solid #dedede;
        color: #000;
    }

.newPageTheme .griditem,.newPageTheme .altgriditem {
    border-bottom: 1px solid #DEDEDE;
}

    .newPageTheme .griditem > td:first-child,.newPageTheme .altgriditem > td:first-child {
        padding-left: 8px !important;
    }

    .newPageTheme .griditem td, .newPageTheme .altgriditem td{
        height: 10px !important;
    }

    .newPageTheme .griditem > td,.newPageTheme .altgriditem > td {
        border-left: 0px solid #DEDEDE;
    }

    .newPageTheme .griditem td,.newPageTheme .altgriditem td,.newPageTheme td.griditem,.newPageTheme td.altgriditem {
        border-right: 0px solid #DEDEDE;
    }

.newPageTheme div.gridview {
    width: 97% !important;
    margin: 0px auto;
    border-left: 1px solid rgb(222, 222, 222);
    border-bottom: 1px solid rgb(222, 222, 222);
    border-right: 1px solid rgb(222, 222, 222);
    border-radius: 0px;
}


.newPageTheme .pagination td {
    padding-right: 4px;
}

.newPageTheme .pagenumber div div {
    background-image: none;
    background-color: #eaeaea;
}

.newPageTheme .activepage {
    background: #c8577b !important;
    border-radius: 3px;
    color: #fff;
    padding: 7px 10px;
    cursor: pointer;
}


.newPageTheme .pagenumber div div:hover {
    background-image: none;
    background-color: #f2f2f2;
}

.newPageTheme .pagenumber {
    background-image: none;
    width: 24px;
}

    .newPageTheme .pagenumber > div > div {
        font-size: 14px !important;
        border-radius: 3px;
        padding: 4px 8px;
        border: 1px solid #ccc;
        text-decoration: none;
    }

.newPageTheme .griddbox {
    height: auto;
    overflow-y: hidden;
    overflow-x: hidden;
}

.newPageTheme .griddata {
    width: 100% !important;
}

.newPageTheme .hyperlink {
    cursor: pointer;
}

.newPageTheme tr.rowstyle,.newPageTheme tr.altrowstyle {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme td.column1,.newPageTheme td.column2 {
    height: 36px;
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme .select,.newPageTheme .mailselect {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../Images/dropdown-arrow.png);
    background-repeat: no-repeat;
    background-position: right;
}

.newPageTheme SELECT.text,.newPageTheme .select,.newPageTheme .searchctrlselect,.newPageTheme .mailselect {
    height: 30px;
}

.newPageTheme input.text,.newPageTheme input.inputtext,.newPageTheme INPUT.price,.newPageTheme input.logininputtext,.newPageTheme textarea,.newPageTheme TEXTAREA.text,.newPageTheme .textarea,.newPageTheme .searchctrltext,.newPageTheme .searchctrlselect,.newPageTheme .select,.newPageTheme SELECT.text,.newPageTheme span.inputtext,.newPageTheme span.select,.newPageTheme span.text,.newPageTheme .mailselect {
    border-radius: 0px;
    background-color: #fff;
}

.newPageTheme .textalignedimg {
    width: 20px;
    position: relative;
    left: -27px;
    top: 3px;
    height: 22px;
    box-sizing: border-box;
    padding-left: 24px;
    background: url(../images/calendarmvc.gif) no-repeat;
    padding-bottom: 35px;
}

.newPageTheme .add-icon {
    width: 26px;
    height: 26px;
    vertical-align: middle;
    cursor: pointer;
}

.newPageTheme .griditem:hover,.newPageTheme .altgriditem:hover,.newPageTheme .griditem:hover a,.newPageTheme .altgriditem:hover a,.newPageTheme .griditem:hover span,.newPageTheme .altgriditem:hover span {
     background-color: #eaeaea;
    color: #000;
}

.newPageTheme .modal-bg {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.2);
}

.newPageTheme .modal-dialog {
  position: absolute;
  /*background-color: #e0e0e0;*/
  background-color: #fff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 101;
  border-radius: 3px;
  max-width: 500px;
  width: 100%;
  height: 200px;
  margin: auto;
  overflow-y: auto;
  padding-bottom: 20px;
  box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.5);
}

@media (max-width: 767px) {
  .newPageTheme .modal-dialog {
    width: 80%;
    top: 10%;
    bottom: 10%;
    height: auto;
  }
}

.modal-bg {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.2);
}

.modal-dialog {
  position: absolute;
  background-color: #e0e0e0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 101;
  border-radius: 3px;
  max-width: 500px;
  width: 100%;
  height: 200px;
  margin: auto;
  overflow-y: auto;
  padding-bottom: 20px;
  box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.5);
}

@media (max-width: 767px) {
 .modal-dialog {
    width: 80%;
    top: 10%;
    bottom: 10%;
    height: auto;
  }
}
.newPageTheme .custinter{
    box-sizing: content-box;
    height: 301px !important;
}
.newPageTheme .custinfo{
    box-sizing: content-box;
    height: auto;
}

/*End of New Theme Styles*/

.assetsListSection {
    display: flex;
    height: 250px;
}

.selectAssetSection {
    width: 70%;
    padding-right: 9px;
}

.divAssetsList {
    overflow: auto;
    height: 200px;
    padding-left: 15px;
}

.divSelectedAssetsList {
    overflow: auto;
    height: 195px;
}

.cart-panel {
    width: 350px;
    margin-left: 5px;
}

.set-box-fixed {
    min-height: auto;
    background-color: #fff;
}

.cart-box-shadow {
    border-radius: 10px;
    box-shadow: none;
}

.cart-panel-title {
    font-size: 14px;
    font-family: Segoe UI;
    color: #bc2d30;
    padding-left: 2px;
}

.delete-package {
    width: 11px;
    height: 11px;
    display: inline-block;
    position: absolute;
    right: 45px;
    box-sizing: content-box;
    cursor: pointer;
    vertical-align: top;
    line-height: 11px;
}

.deleteImage {
    height: auto;
    max-width: 100%;
    float: right;
    width: 13px;
    cursor:pointer
}

.selectEvent {
    width: 50%;
    padding-bottom: 5px;
}

.headtop {
    margin-top: -10px;
}

.selectAssetList{
    display:flex;
    width:100%;
    padding-left:5px;
}

.width48 {
    width:48%
}

.newPageTheme .btnsave:hover,.newPageTheme .btnsearch:hover,.newPageTheme .btnclose:hover,.newPageTheme .btnlong:hover,.newPageTheme .button:hover,.newPageTheme .longbutton:hover,.newPageTheme .longbutton1:hover,.newPageTheme .dislongbutton:hover,
.newPageTheme .btnadd:hover,.newPageTheme .loginbtnsave:hover,.newPageTheme A.contenthead:hover,.newPageTheme .btnupdate:hover
{
    background-image:url(../images/btnpinkhover.png);
    background-color: green;
    color: #FFFFFF;
}

 .search {
    width: 274px;
    height: 39px;
    overflow: hidden;
    position: relative;
    display: inline-block;
}
 .search-icon {
    position: absolute;
    bottom: 7px;
    right: 1px;
    cursor: pointer;
    height: 20px;
}

 .search input {
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    padding-right: 30px;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    width: 100%;
    padding-left: 10px;
    font-size: 14px;
    color: #4f5461;
    font-family: OpenSansRegular;
    background-color: transparent;
    height: 33px;
}

.assetCount {
    font-weight: bold;
}

.frm882 .lblText {
    position: relative;
    top: 33%;
    width: 70px;
}

.frm882 .search {
    width: 274px;
    height: 39px;
    overflow: hidden;
    position: relative;
    display: inline-block;
}

    .frm882 .search input {
        border: none;
        padding-right: 30px;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        width: 100%;
        padding-left: 10px;
        font-size: 14px;
        color: #4f5461;
        font-family: OpenSansRegular;
        background-color: transparent;
        height: 35px;
    }

.frm882 .search-icon {
    position: absolute;
    bottom: 7px;
    right: 1px;
    cursor: pointer;
    height: 20px;
}

.frm882 .addLink {
    float: right;
    display: flex;
    margin-right: 25px;
}

.frm882 .addImage {
    height: 24px;
    padding-left: 10px;
    padding-right: 10px;
}

.frm882 .anlink {
    text-decoration: none;
    font-size: 14px;
}

.frm882 .lblseperator .frm949 .lblseperator {
    color: #DEDEDE;
    padding-left: 15px;
    padding-right: 15px;
}


/*Start of form 900 style*/
.frm900 .gridcol1
        {
            width: 15%;
            word-wrap: break-word;
        }
        .frm900 .gridcol2
        {
            width: 36%;
            word-wrap: break-word;
        }

        .frm900 .gridcol4
        {
            width: 16%;
            word-wrap: break-word;
        }
        .frm900 .gridcol5
        {
            width: 16%;
            word-wrap: break-word;
        }
        .frm900 .gridcol6
        {
            width: 7%;
            word-wrap: break-word;
        }
        .frm900 .grdcmd
        {
            width: 3%;
            word-wrap: break-word;
        }

        ignored text

        .frm900 th.gridcol1
        {
            width: 15%;
            word-wrap: break-word;
            background-color: #fff;
        }
       

        .newPageTheme a.headinglinkbutton
        {
            background-image: url(../images/btnpink.png);
        }

        .frm900 div.sectionheading
        {
            margin-top: -8px !important;
        }

        .frm900 table.tblborder
        {
            border: 0px solid rgb(222, 222, 222) !important;
        }

        .frm900 td{
            border-left: 0px solid #DEDEDE
        }

        .frm900 div.gridcol1{
            margin:10px;
        }

       .frm900 div.mar
       {
           margin:10px;
       }

      

        .frm900 div.grid
        {
            width:98%;
        }

      


         .frm900 td.columnfeature
         {
             width: 25.5% !important;
         }

         .frm900 td.gridcol6
         {
             border-right: 1px solid #DEDEDE;
         }

         .frm900 td.gridcol1
         {
             border-left: 1px solid #DEDEDE;
         }

.frm900 div.labelfield
{
width:60%;
font-weight: bold;
font-size: 12px;
color: #000;
float: left;
text-align: left;
}	   

.frm900 div.textfield
{
font-weight: normal;
font-size: 12px;
color: #000;
padding-right: 30px;
text-align: left;
float: right;
}	

.frm900 table.tblborder
{
    border: 1px solid rgb(222, 222, 222);
} 

.frm900 td.columnfeature
{
    width: 33.5%;
    padding-bottom: 0px;
    height: 25px;
}

.frm900 .textdescr
{
    width:572px;
    text-indent:8px;
}
.frm900 .columnusagemetric
{
    width:32%;
}
.frm900 .columnstatus
{
    width:36%;
}

.frm900 a
{
    text-decoration: none;
}

.frm900 A:hover
{
    color: blue;
    text-decoration: underline;
}

.frm900 A.link
{
    font-weight: bold;
    font-size: 12px;
    color: black;
}

.frm900 div.navigatenew
{
position: relative;
top: 22%;
right: 3px;
}

.frm900 .lblfieldpadding
{
     padding-left:30px;
     padding-top:5px;
}
.frm900 a.headinglinkbutton:hover
{
    color:#FFF;
}

/*End of form 900 style*/

.dialogcontentmain div.message {
    /*display: inline-block;
    padding-top: 15px;*/
    line-height: 15px;
    text-align: right;
    /*padding-left: 5px;*/
    width: 63%;
    height: auto;
    vertical-align: top;
    word-wrap: break-word;
    float:unset;
}
/*.frm883 A:hover
{
    color: blue;
    text-decoration: underline;
}*/
.frm883 .padleft{
        padding-left: 40px;
        width: 230px;
    }
.frm883 .newprodtdwidth{
        width:195px;
    }
.frm883 .divtextalign{
    background-color:rgb(222,222,222);
    text-align:left;
}
.frm883 .frntbckImage {
        height: 30px;
        padding-left: 1px;
        padding-right: 1px;
}

.frm883 .addLink {
        /*float: right;*/
        display: flex;
}

.frm883 .fieldscof {
        height: 35px;
        font-weight: bold;
        width: 151px;
        cursor: pointer;
        color: #1cc09f;
        font-size: 14px;
        padding-left: 5px;
        display: none;
}
.frm883 .settingcof {
        height: 35px;
        font-weight: bold;
        width: 151px;
        cursor: pointer;
        color: #1cc09f;
        font-size: 14px;
        padding-left: 5px;
}

.frm883 .setImage {
        width: 17px;
        margin-bottom: -4px;
        height: 17px;
}
.frm883 .dvopacity{
        background-color: rgba(0, 0, 0, 0.4)!important;
}
/*END:883*/
.frm1202 .divAssetsList {
    overflow: auto;
    height: 200px;
    /*padding-left: 15px;*/
}
.frm1202 .entitytd{
        padding-right: 50px;
    }

.frm1174 .textdescr
{
    width:325px;
}
/*Amruth changes*/
.newPageTheme  .sectiondetail
{
    width: 100%;
    margin-bottom: 0px;
    height:150px;
    
}

.newPageTheme .select, SELECT.text, .newPageTheme span.inputtext, .newPageTheme span.select, .newPageTheme span.text {
    border-radius: 0px;
    background-color: #fff;
}

.newPageTheme input.text, .newPageTheme INPUT.inputtext, .newPageTheme INPUT.readonlytext, .newPageTheme INPUT.price, .newPageTheme .searchctrltext, .newPageTheme input.logininputtext {
    height: 28px;
    text-indent: 8px;
}

.newPageTheme SELECT.text, .newPageTheme .select, .newPageTheme .searchctrlselect,.newPageTheme .mailselect{
    width: 197px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/dropdown-arrow.png);
    background-repeat: no-repeat;
    background-position: right;
}

.newPageTheme .imginputcontrol {
    border-radius: 0px;
    background-color: #fff;
    height: 28px;
}

.newPageTheme .imgselect {
    border-radius: 0px;
    background-color: #FFFFFF;
    height: 28px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/dropdown-arrow.png);
    background-repeat: no-repeat;
    background-position: right;
}

.newPageTheme .searchimg {
    width: 20px;
    position: relative;
    left: -27px;
    top: 6px;
    height: 22px;
    box-sizing: border-box;
    padding-left: 25px;
    background: url(../images/lookupnew2.gif) no-repeat;
}

.newPageTheme A.contenthead {
    border-radius: 0px;
    background-image: none;
    background-color: #fff;
    border-style: solid;
    border-width: 1px 1px 2px;
    color: #000;
    border-color: #ccc #ccc #bc2d30;
}

.newPageTheme TR.contenthead {
    color: #bc2d30;
    background-color: unset;
}

    .newPageTheme TR.contenthead td:first-child {
        left: 20px;
        color: #bc2d30;
        border-top-left-radius: 10px;
    }

    .newPageTheme TR.contenthead td:last-child {
        border-top-right-radius: 10px;
    }

.newPageTheme .summary {
    border-bottom: 0px solid lightgrey;
}

.newPageTheme .longlabelText2 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .labelText1 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .AdrBorder {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .griditem, .newPageTheme .altgriditem {
    height: 42px;
    border-bottom: 1px solid #DEDEDE;
}

    .newPageTheme .griditem td, .newPageTheme .altgriditem td, .newPageTheme td.griditem, .newPageTheme td.altgriditem {
        /*border-bottom: 0px solid #DEDEDE;*/
        border-right: 0px solid #DEDEDE;
    }

    .newPageTheme .griditem > td, .newPageTheme .altgriditem > td {
        border-left: 0px solid #DEDEDE;
    }

.newPageTheme .gridlist {
    border-left: 1px solid rgb(222, 222, 222);
    border-bottom: 1px solid rgb(222, 222, 222);
    border-right: 1px solid rgb(222, 222, 222);
}

.newPageTheme .pagination {
    height: 42px;
}

.newPageTheme .btnalign {
    position: relative;
    right: 10px;
    margin-bottom: 5px;
    padding: 5px;
    height:40px !important;
}

.newPageTheme .ActiveTab,.newPageTheme .InActiveTab,.newPageTheme .InActiveTabLeft,.newPageTheme .InActiveTabRight,.newPageTheme .InActiveTabMid {
    padding: 3px 17px;
}

.newPageTheme .ActiveTab {
    background-color: #fff;
    border-color: currentcolor currentcolor #ccc;
    border-radius: 0;
    border-style: none none solid;
    border-width: 0 0 2px;
    color: #b63436;
    cursor: pointer;
}

.newPageTheme .InActiveTab, .newPageTheme .InActiveTabLeft, .newPageTheme .InActiveTabRight, .newPageTheme .InActiveTabMid {
    -moz-box-shadow: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: 0px;
    background-color: #fff;
    border: 0 none;
    border-radius: 0;
    color: #5f5f5f;
    cursor: pointer;
}

.newPageTheme TABLE.servicelist {
    border-bottom: 0px solid #EAEAEA;
}

.newPageTheme .servicelistheader {
    border-bottom: 0px solid #EAEAEA;
}

.newPageTheme TABLE.AppChargelist {
    border-bottom: 0px solid rgb(222, 222, 222);
    border-radius: 10px 10px 0px 00px;
}

.newPageTheme TR.AppChargelistheader {
    border-bottom: 0px solid lightgrey;
}

.newPageTheme .AppChargelistheader {
    border-bottom: 0px solid #EAEAEA;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
}

.newPageTheme TABLE.attachments {
    border-bottom: 0px solid rgb(222,222,222);
}

.newPageTheme .fileupload {
    border-bottom: 0px solid rgb(222,222,222);
}

.newPageTheme TABLE.menupreflist {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .searchcontrolborder {
    background-color: #fff;
    border-left: #DCDCDC 0px solid;
    border-right: #dcdcdc 0px solid;
    border-top: #DCDCDC 0px solid;
    border-bottom: #DCDCDC 0px solid;
}

.newPageTheme TABLE.list {
    border-right: 0px solid rgb(222,222,222);
    border-top: 0px solid rgb(222,222,222);
    border-left: 0px solid rgb(222,222,222);
    border-bottom: 0px solid rgb(222,222,222);
}

.newPageTheme .searchCtrlCustomerNbr {
    background-color: #ffffff;
}

.newPageTheme .oldsubelement, .newPageTheme .subelement {
    line-height: 30px;
}

.newPageTheme .grid .sectionheading{
    height: 46px;
}

.newPageTheme div.actionbutton {
    position: relative;
    margin-bottom: 5px;
    right: 1%;
}

.newPageTheme .frm120 #ctl00_uxPgCPH_tdaddress .primaryaddresshead,.newPageTheme .frm120 #ctl00_uxPgCPH_tdaddress .billingaddresshead {
    background-color: white;
}

.newPageTheme td.column11 {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme td.columnr11 {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme td.columnr12 {
    border-bottom: 0px solid #DEDEDE;
}
.newPageTheme td.columnr3 {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme .gridcolumnhead th {
    border-bottom: 0px solid #dedede;
}

.newPageTheme .amount {
    padding: 0px 0px 0px 0px;
}

.newPageTheme .grid .amount {
    padding: 0px 8px 0px 0px !important;
}

.newPageTheme .gridtable {
    border-left: 0px solid #DEDEDE;
    background-color: white;
    width: 97%;
    border: 1px solid rgb(222, 222, 222);
    margin: 0px auto;
    margin-bottom: 20px;
    margin-top: 20px;
}

.newPageTheme .oldgridtable .gridtable {
    margin-bottom: 0px;
    margin-top: 0px;
}

.newPageTheme .grid {
    border-top: 0px solid rgb(222, 222, 222);
}

.newPageTheme .section .grid {
    padding-bottom: 10px;
}

.newPageTheme div.gridfields {
    width: 97%;
    margin: 0px auto;
    border-left: 1px solid rgb(222, 222, 222);
    border-bottom: 1px solid rgb(222, 222, 222);
    border-right: 1px solid rgb(222, 222, 222);
}

.newPageTheme .gridfields {
    width: 97%;
    margin-left: 20px;
    border-left: 1px solid rgb(222, 222, 222);
    border-bottom: 0px solid rgb(222, 222, 222);
    border-right: 1px solid rgb(222, 222, 222);
}

.newPageTheme div.gridoverflow {
    overflow-x: hidden;
    overflow-y: scroll;
    border-left: 0px solid rgb(222, 222, 222);
    border-left: 0px solid rgb(222, 222, 222);
}

.newPageTheme td.flexcolumn {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme td.flexcolumn1 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme td.flexcolumn2 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme td.flexcolumn3 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .subhead {
    height: 40px;
}

    .newPageTheme .subhead td {
        color: #bc2d30;
        border-bottom: 0px solid rgb(222, 222, 222);
        border-right: 0px solid rgb(222, 222, 222);
        background-color: White;
    }

    .newPageTheme .subhead th {
        color: #000;
        border-bottom: 0px solid #dedede;
        background-color: #eaeaea;
        padding: 3px;
        border-bottom: 0px solid rgb(222, 222, 222);
        text-align: left;
        border-left: 0px;
    }

.newPageTheme .subheadOLD {
    border-bottom: 0px solid lightgrey;
}

.newPageTheme .gridmessage td {
    border-bottom: 0px solid rgb(222, 222, 222);
    border-right: 0px solid rgb(222, 222, 222);
    border-left: 0px solid rgb(222, 222, 222);
}

.newPageTheme td.column31 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme td.column32 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme td.column33 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme td.column31 input.text, .newPageTheme td.column31 input.inputtext, .newPageTheme td.column31 INPUT.price, .newPageTheme td.column31 input.logininputtext,
.newPageTheme td.column31 textarea, .newPageTheme td.column31 TEXTAREA.text, .newPageTheme td.column31 .textarea,
.newPageTheme td.column31 .searchctrltext, .newPageTheme td.column31 .searchctrlselect,
.newPageTheme td.column31 .select, .newPageTheme td.column31 SELECT.text,
.newPageTheme td.column31 .textarea, .newPageTheme td.column31 .hyperlink {
    width: 153px;
}

.newPageTheme td.column32 input.text, .newPageTheme td.column32 input.inputtext, .newPageTheme td.column32 INPUT.price, .newPageTheme td.column32 input.logininputtext,
.newPageTheme td.column32 textarea, .newPageTheme td.column32 TEXTAREA.text, .newPageTheme td.column32 .textarea,
.newPageTheme td.column32 .searchctrltext, .newPageTheme td.column32 .searchctrlselect,
.newPageTheme td.column32 .select, .newPageTheme td.column32 SELECT.text,
.newPageTheme td.column32 .textarea, .newPageTheme td.column32 .hyperlink {
    width: 153px;
}

.newPageTheme td.column33 input.text, .newPageTheme td.column33 input.inputtext, .newPageTheme td.column33 INPUT.price, .newPageTheme td.column33 input.logininputtext,
.newPageTheme td.column33 textarea, .newPageTheme td.column33 TEXTAREA.text, .newPageTheme td.column33 .textarea,
.newPageTheme td.column33 .searchctrltext, .newPageTheme td.column33 .searchctrlselect,
.newPageTheme td.column33 .select, .newPageTheme td.column33 SELECT.text,
.newPageTheme td.column33 .textarea, .newPageTheme td.column33 .hyperlink {
    width: 153px;
}

.newPageTheme td.column41 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme td.column42 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme td.column43 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme td.column44 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .searchcontrol {
    border: 0px solid #C5C5C6;
    background-color: #FFFFFF;
}

.newPageTheme .searchdetails {
    border-bottom: 0px solid #C5C5C6;
}

.newPageTheme .srchborderline {
    border-bottom: 1px solid #C5C5C6;
    padding-bottom: 10px;
}

.newPageTheme .searchctrlselect {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/dropdown-arrow.png);
    background-repeat: no-repeat;
    background-position: right;
}

.newPageTheme .loginuidpwd {
    padding-left: 4em;
}

.newPageTheme .loginbr {
    border-bottom: 0px solid black;
}

.newPageTheme .logininputcontrol {
    padding-left: 4em;
}

.newPageTheme .PrntTbBrdr {
    border-right: 0px solid rgb(222, 222, 222);
    background: #fff;
    border-radius: 10px;
    margin-bottom:5px;
    padding-top:8px;
    padding-bottom:5px;
}

.newPageTheme .btmborder {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .scjobdescr {
    height: 28px;
    width: 195px;
}

.newPageTheme tr.pagination > td > table > tbody > tr > td {
    background-image: none;
    cursor:pointer;
}

    .newPageTheme tr.pagination > td > table > tbody > tr > td > a {
        width: auto;
        height: auto;
        background-image: none;
        background-size: unset;
        background-repeat: unset;
        text-align: center;
        background-color: #eaeaea;
        border-radius: 3px;
        padding: 4px 8px;
        border: 1px solid #ccc;
        text-decoration: none;
    }

.newPageTheme tr.pagination > td > table > tbody > tr > td > a:hover {
    width: auto;
    height: auto;
    background-image: unset;
    background-size: unset;
    background-repeat: unset;
    text-align: unset;
    cursor: unset;
    background-color:#f2f2f2;
    border-radius:3px;
    padding:4px 8px;
    border:1px solid #ccc;
}

.newPageTheme .frm203 #ctl00_uxPgCPH_CustomerInteractionCtrl_enqsectioninfo td.column1 {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme .frm203 #ctl00_uxPgCPH_CustomerInteractionCtrl_enqsectioninfo td.column2 {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme .frm302 .frm302listbox {
    background-color: #ffffff;
}

.newPageTheme .frm302 .frm302parambox {
    background-color: #ffffff;
}

.newPageTheme .jobbottomline {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .divcc {
    border-bottom: 0px solid red;
}

.newPageTheme .dialogmaincontent td.column31 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .dialogmaincontent td.column32 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .dialogmaincontent td.column33 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .dialogmaincontent .section {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .dialogmaincontent .requiredtext1, .newPageTheme .dialogmaincontent .requiredtext2, .newPageTheme .dialogmaincontent .requiredtext3 {
    width: 6%;
}

.newPageTheme .orderapproval #ctl00_uxPgCPH_entsearch_txtEntity {
    background-color: White;
}

.newPageTheme .mailtext {
    background-color: #FFFFFF;
}

.newPageTheme .mailselect {
    background-color: #FFFFFF;
}

.newPageTheme .frm647 .wizardgridoverflow {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .ddlselect {
    border-radius:0px;
    background-color: #FFFFFF;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/dropdown-arrow.png);
    background-repeat: no-repeat;
    background-position: right;
}

.newPageTheme .tdpwdfrgtpwd {
    padding-top: 0px;
    padding-bottom: 20px;
}

.newPageTheme .frm1130 .altgriditemborder, .newPageTheme .griditemborder {
    border-bottom: 0px solid #000000;
}

.newPageTheme .frm696 .gridoverflow {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme .frm8 table.sectionfields tr:last-child > td {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme .buttondropdown select {
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    background: unset;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/dropdown-arrow.png);
    background-repeat: no-repeat;
    background-position: right;
}

.newPageTheme .frm281 .frm281btmborder {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .frm714 #divreason table.sectionfields tr:last-child > td, .newPageTheme .frm714 #divremarks table.sectionfields tr:last-child > td {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme .frm1166 #ctl00_uxPgCPH_grdversionsdtls .frm1166 .griditem > td {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme .frm1166 #ctl00_uxPgCPH_grdversionsdtls .frm1166 .altgriditem > td {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme .frm1166 .sectionfields .rowstyle1 > td, .newPageTheme .frm1166 .sectionfields .altrowstyle > td {
    border-bottom: 0px solid #DEDEDE !important;
}

.newPageTheme .frm585 .gridoverflow {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme .frm585 tr.griditem > td > table > tbody > tr > td {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme div.column41 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme div.column42 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme div.column43 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme div.column44 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .frm576 .td.column32 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .frm576 .td.column33 {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .frm776 .subhead td {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .frm723 .divselect {
    height: 16px !important;
}

.newPageTheme html[dir=ltr] .frm755 .reportparamfilterdiv {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme html[dir=rtl] .frm755 .reportparamfilterdiv {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme html[dir=ltr] .frm755 .panelclass {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme html[dir=rtl] .frm755 .panelclass {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme html[dir=ltr] .frm723 .reportparams-header,.newPageTheme  html[dir=ltr] .frm755 .reportparams-header {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme html[dir=rtl] .frm723 .reportparams-header,.newPageTheme  html[dir=rtl] .frm755 .reportparams-header {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme .searchcolumns td {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme .featureborderstyle {
    border-bottom: 0px solid #929292;
}

.newPageTheme .frm727 div.gridoverflow {
    border-bottom: 0px solid #929292;
}

.newPageTheme .frm771 .trialsborderstyle {
    border-bottom: 0px solid #929292;
}

.newPageTheme .frm518 div.promotiongridoverflow {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .frm1041 #ctl00_uxPgCPH_slnodl tr {
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .frm1041 .element {
    border-bottom: 0px solid #DEDEDE;
}

.newPageTheme .multiselect {
    width: 197px;
    background-color: #ffffff;
}

.newPageTheme .frm836 .cmnthd {
    border-bottom: 0px solid #ccc;
}

.newPageTheme .frm836 .acmgr-regn {
    border-bottom: 0px solid #ccc;
}

.newPageTheme .frm836 .mgrmain {
    padding: 24px 24px 0px 24px;
}

.newPageTheme .listbox {
    background-color: unset;
}

.newPageTheme .tblcontenthead {
    background-color: #FFFFFF;
    border-radius: 10px 10px 0px 00px;
}

.newPageTheme .oldgridtable{
    background-color: #FFFFFF;
    border-radius:0px 0px 10px 10px;
    padding-bottom:20px;
}

.newPageTheme .fwkclass {
    background: #fff;
}

.newPageTheme .skipline {
    background: #fff;
    border-radius: 10px;
}

.newPageTheme .gridtable.skipline{
    border-radius: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

/*--new ui--*/
/*red start*/
.newPageTheme .titlerow-bg {
    background-color: #bc2d30;
    height: 100px;
    vertical-align: baseline;
}
/*red end*/

/*red start*/
.newPageTheme .pagedocument-bg {
    background: #eaeaea;
    margin: 16px 20px 20px;
  width: 97% !important;
}
/*red end*/

/*red start*/
.newPageTheme .errormessage-bg{
 padding-top: 0px;
 font-size:14px;
       color:#fff !important;
        padding-left:0px; 
	   padding-left:30px;
}
/*red end*/

.newPageTheme div.mainpagecontent-bg {
    margin-top: -24px;
}

.newPageTheme .advnced-search {
    float: left;
    margin-top: 18px;
    border-right: 1px solid #ccc;
    padding-right: 14px;
    padding-left: 20px;
}

.newPageTheme .customernum {
    clear: both;
    margin-left: 0em;
    position: relative;
    top: 0px;
    width: 200px;
    color: #ccc;
}

  /*red start*/
.newPageTheme .srchcontrol-bg {
height: 30px; 
margin-top: 0px;
margin-top:26px;
background-color:#eaeaea;
}
  /*red end*/
  
    /*red start*/
.newPageTheme .searchrslt-bg {
    width: 100%;
    background: #fff;
    height: 100px;
    float: left;
    border-radius: 10px;
    margin-top: -6em;     
}
  /*red end*/
  
  
.newPageTheme div.searchfloat {
    float: left;
}

.newPageTheme .grdsrch {
    float: left;
    overflow: hidden;
    margin-top: 3px;
    margin-left: 2em;
    margin-right: 3em;
    padding-right: 4em;
    height: 50px;
}

    .newPageTheme .grdsrch input[type="text"] {
        border: 0;
        margin-top: 12px;
        border-bottom: 0px solid #e8e8e8;
        width: 226px;
        background: url(../images/search-iconele.png) no-repeat;
        padding-bottom: 4px;
        padding-left: 2px;
        background-position: right;
        outline: none;
    }

.newPageTheme .usernme {
    float: left;
    margin-top: 12px;
    font-size: 18px;
    margin-right: 2em;
    border-right: 1px solid #ccc;
    height: 50px;
    padding-right: 1em;
    border-left: 1px solid #ccc;
    padding-left: 1em;
}

.newPageTheme  .balanceinr {
    float: left;
    margin-top: 14px;
    font-size: 18px;
    margin-right: 0em;
    height: 50px;
    padding-right: 3em;
}

.newPageTheme .name-sm {
    display: block;
    color: #ccc;
    font-size: 12px;
}

.newPageTheme .balance-sm {
    display: block;
    color: #ccc;
    font-size: 12px;
}

  /*red start*/
.newPageTheme .lcouserdtls-bg {
    background: #fff;
    height: 100px;
    width: 33%;
    float: right;
    margin-top: 4px;
    border-radius: 10px;
    margin-top: -6em;
}
  /*red end*/

.newPageTheme .lcousername {
    float: left;
    margin-top: 34px;
    font-size: 14px;
    height: 50px;
    padding-right: 3em;
    font-weight: 700;
    margin-left: 2em;
}

.newPageTheme .lconame-sm {
    display: block;
    font-weight: normal;
    color: #ccc;
}

.newPageTheme .lcobalance {
    float: left;
    margin-top: 34px;
    font-size: 14px;
    height: 50px;
    font-weight: 700;
    margin-left: 2em;
}

.newPageTheme .lcobal-sm {
    display: block;
    font-weight: normal;
    color: #ccc;
}

.newPageTheme .advsearchimg {
    height: 30px;
    vertical-align: baseline;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
    top: 2px;
}

.newPageTheme .titlerownoc{
    background-color:#eaeaea !important;
}

.newPageTheme .pagetitlewoc {
padding: 9px;
margin-top: 0px;
font-size: 18px;
margin-left: 20px;
margin-right: 20px;
}

.newPageTheme .messagenew {
    display: flex;
    margin-left: 42em;
    position: relative;
    top: -11px;
    width: 54%;
    height: 0;
}

/*New Message css for native portal*/
.newPageTheme .newmessage {
    text-align: center;
    position: relative;
    top: unset;
}
/*end*/

.newPageTheme .error-bg {
    background-color: #bc2d30 !important;
    height: 100px;
    vertical-align: baseline;
}

.newPageTheme div.pagetitle-bg {
    color: #fff !important;
    font-size: 18px !important;
    padding-left: 19px;
}

.newPageTheme .mainmenuitemhover, .newPageTheme .selected {
    border-bottom: 4px solid #c44a49;
    color: #000 !important;
    background-color: #fff !important;
}

.newPageTheme .headmenuitem,.newPageTheme .headmenuitemhover {
    border-left: 0 !important;
    border-right: 0 !important;
}

.newPageTheme .headmenuitem, .newPageTheme .mainmenuitem {
    background-color: #fff !important;
    position: relative !important;
    top: 0 !important;
}

.newPageTheme .mainmenuitem, .newPageTheme .mainmenuitemhover {
    border-right: 0 !important;
}

    .newPageTheme .headmenuitem td, .newPageTheme .headmenuitemhover td, .newPageTheme .mainmenuitem td, .newPageTheme .mainmenuitemhover td {
        font-size: 12px;
        height: 0 !important;
    }

.newPageTheme .headsubmenuitem, .newPageTheme .submenuitem {
    color: #000 !important;
}

.newPageTheme .submenuitem, .newPageTheme .submenuitemhover {
    padding: 12px !important;
}

.newPageTheme .headsubmenuitem, .newPageTheme .headsubmenuitemhover {
    padding: 12px !important;
    background-color: #f3f3f5 !important;
}

.newPageTheme .submenu {
    border: 1px solid #999 !important;
}

.newPageTheme .submenuitem {
    background-color: #fff !important;
}

.newPageTheme .submenuitemhover {
    background-color: #f2f2f2 !important;
    border-bottom: 2px solid ##c44a49 !important;
}

.newPageTheme .submenuitem, .newPageTheme .submenuitemhover {
    min-width: 144px !important;
    height: 36px !important;
}

.newPageTheme .headmenuitemhover, .newPageTheme .mainmenuitemhover {
    background-color: #fff !important;
    color: #000 !important;
    border-bottom: 4px solid #c44a49;
}

.newPageTheme .headsubmenuitem,.newPageTheme  .submenuitem {
    background: #fff !important;
}

.newPageTheme div.submenu > table > tbody > tr > td {
    background-color: #fff !important;
}

.newPageTheme #dm0m3 > table, #dm0m5 > table,.newPageTheme  #dm0m2 > table,.newPageTheme  #dm0m1 > table {
    background-color: #fff !important;
}

    /* welcome user end */
.newPageTheme .tab {
    padding-left: 0;
    border-spacing: 0;
    z-index: 1;
    padding-top: 20px;
}

    .newPageTheme .tab td {
        padding-right: 1px;
    }

.newPageTheme html[dir=rtl] .tab td {
    padding-left: 1px;
    padding-right: 0;
}

/*belongs to mqmasterpage.css start*/

.newPageTheme .showvertmenuclass {
    background: #2f4050;
    padding: 14px 0 !important;
    border-radius: 0 !important;
}


.newPageTheme #nav li {
    padding-bottom: 0px !important;
}

.newPageTheme #nav{
    width:240px !important;
}

.newPageTheme #nav li ul{
    background: #293846 !important;
    margin-top: -10px !important;
    border-left: 4px solid #75efc0;
    padding-bottom:14px;
}

.newPageTheme #nav li a.active{
    background: #293846 !important;
    color:#fff !important;
}

.newPageTheme #nav li a{
    background: #2f4050 !important;
    color:#a7b1c2 !important;
    border-radius:0 !important;
}

.newPageTheme .showvertmenuclass #nav li a:hover {
    background: #293846 !important;
    color: #fff !important;
}

.newPageTheme .showvertmenuclass #nav li ul li a:hover {
    background: none !important;
}


.newPageTheme #nav li ul li {
    margin-top: 10px !important;
}

.newPageTheme #nav li ul li a.currentmenu{
    border-right:0 !important;
        color:#fff !important;
}

    .newPageTheme #nav li ul li a {
        border-bottom: 0 !important;
        background: #293846 !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

.newPageTheme #nav #530 {
    background: red !important;
}

.newPageTheme A {
    font-size: 14px;
}

.newPageTheme #nav li a.active, .newPageTheme #nav li a.currentnavmenu {
    border-left: 4px solid #75efc0;
    border-right: 0 !important;
    background-color: #293846 !important;
}

.newPageTheme #nav li a:hover {
    border-right: 0 !important;
}

.newPageTheme #nav li ul li a:hover{
    color:#fff !important;
}

.newPageTheme .hidevertmenuclass {
    display: block !important;
}

/*mqmasterpage.css end*/
.newPageTheme .skipbg {
    background-color: #eaeaea !important;
}

.newPageTheme .gridtable .subhead td {
    font-weight: bold;
    font-size: 12px;
    color: #000;
    border-bottom: 0px solid #dedede;
    background-color: #eaeaea;
    padding: 3px;
    border-bottom: 0px solid rgb(222, 222, 222);
    text-align: left;
}

.newPageTheme .bottomradius {
    border-radius: 0px 0px 10px 10px;
}

.newPageTheme .topradius {
    border-radius: 10px 10px 0px 0px;
}

.newPageTheme #dm0m0tbl {
    border-bottom: 1px solid #dedede;
}

.newPageTheme .srchimglinehgt {
    line-height: 22px;
}

.newPageTheme .padleft{
    padding-left:6px;
}

.newPageTheme .width99 {
    width:99%;
}

.newPageTheme div.content {
    margin: 0px !important;
    background-color: #eaeaea !important;
}

.newPageTheme .pagination td {
    padding-right: 4px;
}

.newPageTheme .pagination span {
    background: #c8577b;
    border-radius: 3px;
    color: #fff;
    padding: 7px 10px;
    cursor: pointer;
}

    .newPageTheme .pagination span:hover {
        background: #a83e60;
    }

    .newPageTheme .pagination span:focus {
        background: #c8577b;
    }

.newPageTheme .customernumtext {
    color: black;
}

.newPageTheme .borderbottom {
	border-bottom: 1px solid rgb(222, 222, 222) !important;
}

.newPageTheme .frm323 .frmlistbox {
    background-color: #fff;
}

.newPageTheme .frm616 #svcorder.gridoverflow {
    height: 380px;
}

.newPageTheme .tduidfrgtpwd {
    padding-top: 0px;
}

.newPageTheme .loginsurelogofrgtpwd {
    margin-top: 0px;
}

.newPageTheme .loginformbuttonfrgtpwd {
    padding-top: 0px;
}

.newPageTheme .loginfrgtpwdlinksheight {
    height: 50px;
}

.newPageTheme .forgotpwdlink {
    text-align: center;
    padding-top: 10px;
    padding-left: 0px;
}

.newPageTheme DIV.selectedsegs {
    overflow: auto;
}

.newPageTheme .dialogmaincontent .select, .newPageTheme .dialogmaincontent .searchctrlselect {
    width: 162px;
}

.newPageTheme .marginleft {
    margin-left: 250px;
}

.newPageTheme .customersearchctrl .custsearchgridcolumn1, .newPageTheme .customersearchctrl .custsearchgridcolumn2, .newPageTheme .customersearchctrl .custsearchgridcolumn3, .newPageTheme .customersearchctrl .custsearchgridcolumn4, .newPageTheme .customersearchctrl .custsearchgridcolumn5 {
    vertical-align: middle;
}

.newPageTheme .rghtborder {
    border-right: 0px;
}

.newPageTheme .leftborder {
    border-left: 0px;
}

.newPageTheme .gridfield {
    width: 97% !important;
    margin: 0px auto;
    border-left: 1px solid rgb(222, 222, 222);
    border-bottom: 1px solid rgb(222, 222, 222);
    border-right: 1px solid rgb(222, 222, 222);
}

.newPageTheme .noborder {
    border: 0;
}

.newPageTheme td.main1 {
    background: #fff !important;
    border: 0px;
}

.newPageTheme td.main2 {
    background: #fff !important;
    border: 0px;
}

.newPageTheme .transfrborder {
    border: 0;
}

/*.newPageTheme fieldset {
    border:0;
}*/

.newPageTheme #ctl00_uxPgCPH_pnlschreport legend {
    color: #bc2d30;
    font-weight: bold;
    font-size: 14px;
    left: 0px;
    position: relative;
    top: -2%;
}

.newPageTheme .scjobrepeat {
    border-left: 0;
    background-color: unset;
    border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .bgscjob {
    background: #eaeaea;
    width: 97%;
}

.newPageTheme .scjobtbl {
    width: 97%;
    margin-left: 22px;
}

.newPageTheme .scjobtask {
    background: #eaeaea;
    width: 78%;
    margin-left: 20px;
}

.newPageTheme .dtSelect {
    background-color: #fff;
    border-radius: 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/dropdown-arrow.png);
    background-repeat: no-repeat;
    background-position: right;
}

.newPageTheme #ctl00_uxPgCPH_txtRepeatevery,.newPageTheme #ctl00_uxPgCPH_ddlRepeatevery,.newPageTheme #ctl00_uxPgCPH_txtRepeathours,.newPageTheme #ctl00_uxPgCPH_txtRepeatmin,.newPageTheme #ctl00_uxPgCPH_ddlMonthlynumber,.newPageTheme #ctl00_uxPgCPH_ddlMonthlyday {
    width: 100px;
}

.newPageTheme .frm789 .textalignedimg {
    padding-left: 19px;
}

.newPageTheme .form .subhead {
    background-color: #fff;
}

.newPageTheme .frm124 td.width50 {
    position: relative;
    right: 8px;
    width:32%;
    height: 450px;
}

.newPageTheme .frm124 .tdright {
    position: relative;
    right: 4px;
    padding-left: 7px;
}

.newPageTheme .sec1 {
    margin: 10px;
}

.newPageTheme .frm789 div.gridview {
    width: 99% !important;
}

.osdtextalignedimg {
    height: 24px;
    margin: 0px 2px;
    padding: 0px;
    padding-bottom: 3px;
}

.newPageTheme #ctl00_uxPgCPH_CustomerInteractionCtrl_txtmobile {
    border-radius: 0px;
    background-color: #fff;
}

.newPageTheme .frm124 div.privlist {
    width: 350px;
}

.newPageTheme .frm124 div.profiles {
    width: 291px;
}

.newPageTheme .frm124 div.bordertop,.newPageTheme .bordertop {
    border-top: 0px !important;
}

.newPageTheme #dynarea #ctl00_uxPgCPH_tdcaptcha {
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.newPageTheme .tdcaptcha {
    display: block;
    padding-left: 65px;
    padding-bottom: 8px;
}

.newPageTheme .tdcaptchatextbx{
    display: block;
    padding-left: 4em;
    padding-bottom: 20px;
}

.newPageTheme .tdcaptcha img {
    padding-bottom: 10px;
}

.newPageTheme .griditem input[type=checkbox] ,.newPageTheme .altgriditem input[type=checkbox],.newPageTheme .griditem input[type=image] ,.newPageTheme .altgriditem input[type=image],.newPageTheme .griditem input[type=radio] ,.newPageTheme .altgriditem input[type=radio] {
    float: left;
}


.newPageTheme .gridtopupclass {
    border:none !important;
}

.newPageTheme .gridtopuptableclass {

    padding-left:24px !important;
}

.newPageTheme .divsrvclass {
    font-weight: bold;
    font-size: 12px;
    color: #000;
    background-color: #eaeaea;
}

.newPageTheme .dlsrvcattrclass {
    border:none !important;
    background-color:#eaeaea;
    border-radius:0px !important;
    border-spacing:4px;
}

.newPageTheme .disgridsvclabel {
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-align: left !important;
    border-bottom:none !important;
}

.newPageTheme .dlsrvcattrclass .disgridlabel {
    font-weight: bold;
    font-size: 12px;
    color: black;
    text-align: left;
    padding-right: 2px;
    width:12px !important;
}



.newPageTheme .dlsrvcattrclass .disgridtext {
    width: 84% !important;
    font-weight: normal;
    font-size: 12px;
    color: black;
    text-align: left;
    border: 0px none;
    padding-left: 3px;
}


.newPageTheme .tdapproveclass {
    padding-left:67px;
}

.newPageTheme .grdvRenewalchkboxbg, .newPageTheme .grdvReconnectionchkboxbg, .newPageTheme .grdvDisconnectionchkboxbg {
    background-color: #eaeaea;
}

.newPageTheme .dlsrvcattrclass .disgridsvclabel
{
	font-weight: bold;
    font-size: 12px;
    color: black;
    text-align: left;
    border-bottom:1px solid rgb(222,222,222);
    padding-left:5px;
}

.newPageTheme #ctl00_uxPgCPH_grdvRenewal .tdplan, .newPageTheme #ctl00_uxPgCPH_grdvReconnection .tdplan, .newPageTheme #ctl00_uxPgCPH_grdvDisconnection .tdplan {
    border:none !important;
}

.newPageTheme #ctl00_uxPgCPH_grdvRenewal .tdplan .tblplandtls, .newPageTheme #ctl00_uxPgCPH_grdvReconnection .tdplan .tblplandtls, .newPageTheme #ctl00_uxPgCPH_grdvDisconnection .tdplan .tblplandtls {
    border-radius: 0px;
    width: 95%;
    background-color: #eaeaea;
    border-spacing: 6px;
}

.newPageTheme .grdvRenewalrowstyle, .newPageTheme .grdvReconnectionrowstyle,.newPageTheme .grdvDisconnectionrowstyle {
    border-bottom:1px solid rgb(222,222,222);
}
    .newPageTheme .sectioncartheight
    {
        height:494px;
    }

.newPageTheme .srvlist  {
    border-top:1px solid #DEDEDE;
    background:#fff;
}


.newPageTheme .frm616 .gridplancol1, .newPageTheme .frm616 .gridplancol2, .newPageTheme .frm616 .gridplancol4 {
    border-left:none !important;
    border-right:none !important;
    border-top:none !important;
    border-radius:none !important;  
    border-bottom:1px solid #DEDEDE !important;
}

.newPageTheme .clearfix {
        border-bottom:1px solid #DEDEDE;
}

.newPageTheme .plandtlsclass {

    border-right:none !important;
    border-bottom:none !important;
    border-left:none !important;
}

.newPageTheme .frm616 .productpriceheight {
    height: 253px !important;
}

.newPageTheme .frm616 .shoppingcartclass .productpriceheight {
    height: 280px !important;
}

.newPageTheme .frm616 .subhead {
    background-color: #DADADA;
    margin-left: 5px;
    margin-right: 5px
}

.newPageTheme .frm616 .cartsubhead {
    background-color: #DADADA;
}

.newPageTheme .frm616 .totalprice {
    margin-left: 5px;
    margin-right: 5px;
    height: 30px;
    font-weight:bold;
    background: #eaeaea;
}

.newPageTheme .frm616 .svcordtotallbl {
    float: left;
    width: 50%;
    text-align: right;
    background-color: #eaeaea;
    padding-right:0px !important;
}

.newPageTheme .frm616 .svcordtotalprice {
    background-color: #eaeaea;
    width: 50%;
}

.newPageTheme .frm616 .svcordtotalspan {
    float: right;
    margin-right: 46px;
}


.newPageTheme .frm616 .addcartclass {
    width: 25px;
    height: 25px;
    padding-right: 35px;
}

.newPageTheme .frm616 #divplans .gridoverflow
{
    height: 325px;
}

.newPageTheme .frm616 .sectionheader .sectionhead {
    width: 100%;
}

.newPageTheme .frm616 #ctl00_uxPgCPH_divshoppingcart
{
     height: 361px;    
    /*padding-top: 68px;*/
    padding-top: 32px;
}

.newPageTheme .frm616 .shoppingcartclass {
    height: 395px !important;    
    padding-top:31px !important ;
}

.newPageTheme .frm616 .plangrid{
    border-bottom: 0px;
}

.newPageTheme .frm616 .sectionspaceclass {
    padding-top: 21px;
}

/*hidding exisiting search plan text box in new theme*/
/*.newPageTheme .tblsearchclass {
    display:none;
}*/

.frm616 .search-packages-wrap {
    display:none
}

/*New search for plan css*/
.newPageTheme .search-packages-wrap {
    border-bottom: 1px solid #ccc;
    display: table-cell;
    position: relative;
    text-align: right;
}

.newPageTheme .search-packages-wrap input {
    padding-right: 30px;
    text-align: left;
    border: none;
    max-width: 240px;
    text-overflow: ellipsis;
}

.newPageTheme .search-packages-wrap .search-package-icon-wrap {
    width: 21px;
    height: 7px;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 10px;
}

.newPageTheme .frm616 .sectionheader {
    margin-left: 18px;
    margin-right: 12px;
}


.newPageTheme .griditem:hover:first-child, .newPageTheme .griditem:hover:nth-child(2n) {
    border-top: 2px solid #DEDEDE;
}

.newPageTheme .gridcolumnhead,.newPageTheme .subhead {
    border-bottom: 1px solid #DEDEDE;
    border-top: 1px solid #DEDEDE;
}

.newPageTheme .bulkpmtssearchimg {
    width: 20px;
    position: relative;
    left: -27px;
    top: 3px;
    height: 22px;
    box-sizing: border-box;
    padding-left: 25px;
    background: url(../images/lookupnew2.gif) no-repeat;
}

.newPageTheme .form .reccount {
    margin-right: 20px;
}

.frm1201 .headingwidth {
    width:38%;
}

.newPageTheme .frm1201 .headingwidth {
    width:42%;
}

.newPageTheme .frm203 .section {
    padding-bottom: 1px;
}

.newPageTheme .frm203 #ctl00_uxPgCPH_CustomerInteractionCtrl_txtmobile {
    width:150px;
}

.newPageTheme #ctl00_uxPgCPH_itemslnogrid .griditem > td:first-child {
    padding-left: 3px !important;
}
.textheight 
{
    margin-top:2px !important;
}


/*Classes For Accordion-Begin*/
    .Accordionpanel {
        margin-bottom: 20px;
    }

    .Accordionelement {
        background-color: #fff;
        border-bottom: 1px solid #e0e0e0;
    }

    .AccordionElementTitle {
        padding-bottom: 20px;
        color: #2199e8;
        padding-left: 10px;
        padding-top: 10px;
        cursor:pointer;
    }

    .AccordionElementData {
        /*background-color: #e0e0e0;*/
        margin: 10px;
        padding-top: 10px;
        padding-left: 10px;
    }

    .Accordionelement.active {
        margin-bottom:20px;
        margin-top:20px;
    }

    .AccordionElementTitle:after {
        border-style: solid;
        border-width: 0 2px 2px 0;
        content: '';
        display: inline-block;
        padding: 3px;
        transform: rotate(45deg);
        vertical-align: middle;
        float:right;
        margin: 10px 20px 0px 0px;
    }

    .active .AccordionElementTitle:after {
        transform: rotate(225deg);
    }

    /*Classes For Accordion-End*/

    .newPageTheme .frm758 .searchimg, .newPageTheme .frm742 .searchimg, .newPageTheme .frm749 .searchimg, .newPageTheme .frm754 .searchimg, .newPageTheme .frm666 #ctl00_uxPgCPH_searchimg_custsrchimg {
    top: 7px;
}

.newPageTheme #ctl00_uxPgCPH_pymtlukup_entsrchimg{
    top:3px;
}

.newPageTheme .orderapproval #ctl00_uxPgCPH_entsearch_txtEntity {
    border-radius: 0;
}

.frm281 .divheading {
    margin-top: -22px;
}

.newPageTheme .frm281 .divheading {
    margin-top: 0px;
}

.newPageTheme #ctl00_uxPgCPH_servicegrpattr_addlattr .flexoptionaltext2 {
    width: 130px;
}

.newPageTheme .frm839 table.main1 {
    background-color: #fff !important;
}

.newPageTheme .contentheader {
    height: 40px;
    padding: 0px 0px 0px 2px;
    text-align: left;
    vertical-align: middle;
    width: auto;
}

.newPageTheme .listbackgroundhead {
    background-color: rgb(247, 247, 247) !important;
    color: #bc2d30;
}

.newPageTheme .verifyotpsection {
    background: #fff;
    border-radius: 10px;
    margin-top: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
    border: 0px;
}

.newPageTheme .verifyotpPrntTbBrdr {
    border-right: 0px solid rgb(222, 222, 222);
    background: #fff;
    border-radius: 10px;
    margin-bottom: 5px;
    padding-top: 8px;
    padding-bottom: 5px;
    width: auto !important;
}

.newPageTheme .divverifyotp {
    width: auto !important;
}

.newPageTheme .tdverifyotp {
    padding-bottom:0px !important;
}

.newPageTheme .middle {
    text-align: left;
}

.newPageTheme tr.contenthead th {
    position: relative;
    left: 20px;
}

.newPageTheme #announcement td:first-child {
    padding-left: 20px;
}

.newPageTheme #ctl00_uxPgCPH_pnlBII .btnsave ,.newPageTheme #ctl00_uxPgCPH_pnlVirtualTable .btnsave,.newPageTheme #ctl00_uxPgCPH_pnlObserver .btnsave,.newPageTheme #ctl00_uxPgCPH_pnlDataSource .btnsave{
    margin-right: 18px;
}

.newPageTheme #ctl00_uxPgCPH_bundlesvcgrid[style]
{
    border-collapse:collapse !important; 
    border-spacing:0px 5px;
}

.newPageTheme #ctl00_uxPgCPH_bundlesvcgrid .griditem:hover td, .newPageTheme #ctl00_uxPgCPH_bundlesvcgrid .altgriditem:hover td,
.newPageTheme #ctl00_uxPgCPH_bundlesvcgrid .griditem:hover a, .newPageTheme #ctl00_uxPgCPH_bundlesvcgrid .altgriditem:hover a, .newPageTheme #ctl00_uxPgCPH_bundlesvcgrid .griditem:hover span, #ctl00_uxPgCPH_bundlesvcgrid .altgriditem:hover span
{
   background-color:#eaeaea;
   color: #000;
}

.newPageTheme .qualiheader
{
    background-color:#dedede;
    height:35px !important;
}

.newPageTheme div.qualidetails
{
    width:99.5%;
    border-left:1px solid rgb(222,222,222);
}

.newPageTheme .oldsubelement .chkboxlist {
    border: 0px;
}

.newPageTheme .tduserRole {
    position: relative;
    left: 4px;
}

.newPageTheme .tduserpriv {
    position: relative;
    left: 8px;
}

.newPageTheme DIV.privlist, .newPageTheme DIV.rolelist {
    width: 315px;
}

.newPageTheme #ctl00_uxPgCPH_divRunningJobs  tr.contenthead th {
    left: 0px;
}

.newPageTheme .frm742 .bulkpmtssearchimg {
    left:3px;
}

/*START:949*/
.frm949  .coupnhdrsec {
        border-bottom: 1px solid #d2d2d2;
        height: 60px;
    }
.frm949 .bordrbottom {
        border-bottom: 1px solid #d2d2d2;
    }

.frm949 .addlinksect {
        margin-left: 85%;
        width: 44%;
    }
.frm949 .srchdtlimg {
        padding-top: inherit;
        padding-left: 2px;
    }
.frm949  .dtlsrchimg2 {
        float: right;
        margin: -22px 12px 16px 5px;
    }

.frm949 .subsctndtl {
        float: left;
        width: 60%;
        border-radius: 5px;
        padding: 10px 0px 4px 15px;
    }

.frm949  .addnwcoupon {
        padding: 0px 10px 0px 0px;
    }

.frm949  .gridfield .gridcol0
    {
        width:16.6%;
    }

.frm949.newPageTheme .griditem > td:first-child {
    padding-left: 8px !important;
    padding-top: 6px;
}

.frm949.newPageTheme .addImage {
        height: 22px;
        padding-right: 8px; 
        padding-left: 15px !important;
        padding-top:3px !important;
    }
.frm949 .anlink {
         font-size: 14px;
        padding-right: 5px;
        padding-top:3px;
        text-decoration: none; 
    }

.frm948 .section {
    /*border-bottom:1px solid rgb(222,222,222);*/
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}

.frm948 .sectiondetails {
    border-bottom:1px solid rgb(222,222,222);
        border-right:1px solid rgb(222,222,222);
            border-top:1px solid rgb(222,222,222);
    border-radius:5px;
    border-left:4px solid #d2d2d2;
}

.frm948 .bordergrid
{
    border:1px solid rgb(222,222,222);

}

.frm948 .coupongridoverflow {
    overflow-x: hidden;
    overflow-y: hidden;
    behavior: url('../themes/default/mainportal/css/ScrollPos.htc');
    height: 150px;
}

.frm948 .coupongridoverflow:hover
{
    overflow-y:auto !important;
}



.frm949.newPageTheme .search {
    width: 175px;
    height: 36px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    padding-left: 5px;
}

.frm949.newPageTheme .textalignedimg {
    padding-left: 24px;
}

.frm949.newPageTheme .irmain {
    background: #fff;
    margin: 0 auto;
    margin-top: 10px !important;
    padding: 10px;
    width: 96.5%;
}

.frm949 ul.simple-tabs {
        margin: 0;
        max-width: 880px;
        overflow: hidden;
        padding: 0;
        width: 50%;
    }

.frm949  .srch {
        width: 50%;
        max-width: 300px;
        float: right;
    }

.frm949 ul.simple-tabs li {
        float: left;
        width: 25%;
        height: 44px;
        list-style-type: none;
        text-align: center;
        line-height: 44px;
    }

.frm949  ul.simple-tabs li:hover, ul.simple-tabs li:active {
            
            border-bottom: 0px solid #ccc;
            cursor: pointer;
        }

.frm949  ul.simple-tabs li.active {
            border-bottom: 4px solid #d2d2d2;
            color: #b63436;
            font-weight: bold;
        }

 .frm949 .tab-page {
        max-width: 100%;
        width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 400px;
    } 

.frm949  .img {
        max-width: 500px;
    }

 .frm949 .sntpertab {
        width: 100%;
    } 

 .frm949  .tab-page {
        display: none;
    }

  .frm949  .active-page {
        display: block;
    } 

  .frm949    .search input {
            border: none;
            padding-right: 30px;
            display: block;
            border-bottom: 1px solid rgba(0, 0, 0, 0.2);
            width: 60%;
            padding-left: 10px;
            font-size: 14px;
            color: #4f5461;
            font-family: OpenSansRegular;
            background-color: transparent;
            height: 35px;
        }

.frm949.newPageTheme .griddata {
    width: 100% !important;
   
}
.frm949 .gridfield .gridcol0
    {
        width:16.6%;
    }

.frm949   .gridfield  {
    width: 97% !important;
    margin: 0px auto;
    border-left: 1px solid rgb(222, 222, 222);
    border-bottom: 1px solid rgb(222, 222, 222);
    border-right: 1px solid rgb(222, 222, 222);
}

 .frm949 .grid{
     border-top:0px;
 }  
  .frm949.newPageTheme .addLink {
        float: right;
        display: flex;
        margin-right: 25px;
    }
 

/*END:949*/

.frm948 .acmgr-regn {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}

.frm948 .tbs {
    float: left;
    width: 48%;
}

.frm948 ul.acmgr-tabs {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.frm948 .mgrmain {
    background: #fff;
    margin: 20px;
    padding: 24px;
    overflow: auto;
}

.frm948 ul.acmgr-tabs li.active {
    border-bottom: 4px solid #d2d2d2;
    color: #b63436;
    font-weight: bold;
}

.frm948 ul.acmgr-tabs li {
    float: left;
    height: 34px;
    line-height: 30px;
    list-style-type: none;
    text-align: center;
    cursor: pointer;
    width: 40.33%;
}

.frm948 .frntbckImage {
        height: 30px;
        padding-left: 1px;
        padding-right: 1px;
}

.frm948 .addLink {
        /*float: right;*/
        display: flex;
}

/*START:953*/
.frm953 .newprodtdwidth{
        width:195px;
    }
.frm953 .padleft{
        padding-left: 40px;
        width: 230px;
    }
.frm953 .divtextalign{
    text-align:left;
}
.frm953 .anlink {
        text-decoration: none;
        font-size: 14px;
        color: #C34A49;
        font-weight: bold;
        cursor: pointer;
    }

    .frm953 .setImage {
        width: 17px;
        margin-bottom: -4px;
        height: 17px;
    }

    .frm953 .addImage {
        height: 30px;
        padding-left: 1px;
        padding-right: 1px;
    }

    .frm953 .fieldscof {
        height: 35px;
        font-weight: bold;
        width: 151px;
        cursor: pointer;
        color: #1cc09f;
        font-size: 14px;
        padding-left: 5px;
        display: none;
    }
    .frm953 .dvopacity {
        background-color: rgba(0, 0, 0, 0.4) !important;
    }
    .customoverflow{
                        overflow-y:hidden !important;
                        overflow-x:hidden !important;
                        height: 150px;
                        
    }
    .customoverflow:hover{ overflow-y:auto!important; 
                         overflow-x:auto!important;
                         
    }
.frm953 .settingcof {
        height: 35px;
        font-weight: bold;
        width: 151px;
        cursor: pointer;
        color: #1cc09f;
        font-size: 14px;
        padding-left: 5px;
}
/*END:953*/

a.portaltext {
    cursor: pointer;
    font-weight: bold;
    color: Blue;
}

#optculturelink {
    text-decoration: none;
}

.tdcaptcha {
    padding-bottom: 22px;
}

.captcha-container {
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    height: 54px;
}

.captcha-refresh-container {
    width: 26px;
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    margin-top: 30px;
}

.captcha-refresh-container img {
    width: 20px;
}

.newPageTheme .btnfilters {
    background-image: url(../images/filter.png);
    padding: 8px 40px;
    border: 1px solid rgb(222,222,222);
    color: black;
    background-color: white;
    background-repeat: no-repeat;
    background-size: 40px 36px;
    cursor:pointer;
}

.newPageTheme .btnfiltersactive {
    border-bottom:none;
    border-top:1px solid #b63436;
    margin: 0.6rem 0 0;
}

.newPageTheme .btnpricingtabsborderright{
    border-right:none !important;
}

.newPageTheme .customoverflow {
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    height: 150px;
}

.newPageTheme .customoverflow:hover {
        overflow-y: auto !important;
        overflow-x: auto !important;
}

.newPageTheme #ctl00_uxPgCPH_gvCollections .griditem td, .newPageTheme #ctl00_uxPgCPH_gvCollections .altgriditem td {
    height: 0 !important;
}

.onetimegriditen {
    border-bottom: 1px solid #DEDEDE;
}
 .newPageTheme .frm1130 #nonservicegridfields.gridfields{
     width:95%;
     margin-left:0px;
 }
.newPageTheme .frm616 #ctl00_uxPgCPH_btncalcprice{
  background-image: url(../images/btnpink.png);
 }

.newPageTheme .griditem input[type=image].textalignedimg, .newPageTheme .altgriditem input[type=image].textalignedimg  {
    float: none;
}

.textarea{
    height:57px;
}
.newPageTheme .frm195 .griditem input[type=checkbox] , .newPageTheme .frm195 .altgriditem input[type=checkbox] {    
         margin-left:10px !important;
         margin-top:10px !important;
}
 .newPageTheme .frm1130 #nonsvcdetailsheading.sectionheading{
     border-right:1px solid grey !important;
 }

.newPageTheme .frm810 div.gridfields{
    width:100%;
}

.frm957 .lblText {
    position: relative;
    top: 33%;
    width: 70px;
}

.frm957 .search {
    width: 274px;
    height: 39px;
    overflow: hidden;
    position: relative;
    display: inline-block;
}

    .frm957 .search input {
        border: none;
        padding-right: 30px;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        width: 100%;
        padding-left: 10px;
        font-size: 14px;
        color: #4f5461;
        font-family: OpenSansRegular;
        background-color: transparent;
        height: 35px;
    }

.frm957 .search-icon {
    position: absolute;
    bottom: 7px;
    right: 1px;
    cursor: pointer;
    height: 20px;
}
.frm957 .addLink {
    float: right;
    display: flex;
    margin-right: 25px;
}

.frm959 .lblText {
    position: relative;
    top: 33%;
    width: 70px;
}

.frm959 .search {
    width: 274px;
    height: 39px;
    overflow: hidden;
    position: relative;
    display: inline-block;
}

    .frm959 .search input {
        border: none;
        padding-right: 30px;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        width: 100%;
        padding-left: 10px;
        font-size: 14px;
        color: #4f5461;
        font-family: OpenSansRegular;
        background-color: transparent;
        height: 35px;
    }

.frm959 .search-icon {
    position: absolute;
    bottom: 7px;
    right: 1px;
    cursor: pointer;
    height: 20px;
}
.frm959 .addLink {
    float: right;
    display: flex;
    margin-right: 25px;
}
.frm960 .frntbckImage {
        height: 30px;
        padding-left: 1px;
        padding-right: 1px;
}

.frm960 .addLink {
        /*float: right;*/
        display: flex;
}
.frm958 .frntbckImage {
        height: 30px;
        padding-left: 1px;
        padding-right: 1px;
}

.frm958 .addLink {
        /*float: right;*/
        display: flex;
}
/*START-961*/
.newPageTheme .orgprfl {
        width: 450px;   
    }
.newPageTheme .orgprflsec {
    padding-top:2%;
    padding-bottom:1%;
}
.newPageTheme .incwidth {
   width:165px;    
}
/*END-961*/


.divNotifications .imgNotification {
    height: 29px;
    max-width: 47%;
    position: absolute;
    top: 18px;
    right: 200px;
}
.divNotifications 
{
    cursor: pointer;
}

.badge-default {
    top: 13px;
    background: #e76161;
    width: 19px;
    height: 19px;
    line-height: 19px;
    
}
.badge {
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    text-align: center;
   position: absolute;
    margin-left: -16px;
}
.mvclookup {
    background: url(../Images/lookup1.gif) no-repeat 6px center;
    width: 100px;
    height: 100px;
    display: block;
}
.displayflex{
    display:flex;
}
.DroppableSectionborder {
            border: 1px dashed #37474f !important;
        }
.frm723 .filtersection {
width:720px;
background-color: #F3F3F5;
border-radius: 8px;
border: none;
margin-left: 30px;
padding-top:5px;
padding-right:10px;
padding-bottom: 3px;
margin-top: 10px;
border: 1px solid #c8c5c5;
}
.frm723 .filterAndOrfiltersection
{
    background-color: white !important;
    padding-left:5px;
    width: 80px;
    margin-bottom: 5px;
}
.rptbtn{
   width: 50px;
display: inline;
line-height: 20px;
margin-right: 12px;
font-size: 12px;
font-weight: normal;
padding: 5px 18px;
text-decoration: none !important;
border: 1px solid #CDCDCD;
min-width: 90px;
color: black !important;
border-width: 1px 1px 2px !important;
background-color: white !important;
}
@media only screen and (min-width: 768px) { 
 .custregtwocolcls{
  width:272px !important;
  }
} 

 .custregfontsize{
  font-size:12px !important;
  }

.frm448 .textarea{
    width: 190%;
}

.btncancel, .btndelete, .btnreset, #ctl00_uxPgCPH_btncancel, .btnreset, #ctl00_uxPgCPH_btnCancel, #ctl00_uxPgCPH_btncancel1 {
    background-image:none;
    background-color:white;
}
    .btncancel:hover, .btndelete:hover, .btnreset:hover, #ctl00_uxPgCPH_btncancel:hover {
        background-image: none;
        background-color: white;
        border: 1px solid #bc2d30;
    }
.widgetvaluefontsize {
    font-size: 30px !important;
}

.renewnotestxt
{
    width:90% !important;
}