/* CSS Document */
/* {
	margin:0;
	padding:0;
}*/
html, body {
    height: 100%;
    width: 100%; /*background:#f3f3f3;*/
    background: url(Images/Common/header-bg.png) #dfecf4 repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
}
/*#wrap {
	min-height: 100%;
}
#main {
	overflow:hidden;	
	padding-bottom: 50px; 
} */ /* must be same height as the footer */
/*body {
	margin:0;
	width:100%;
	background:url(Images/Common/vue-pp-header.gif)  #dfecf4 repeat-x;
}*/
/*body.popup {
	background:none;
}*/
select {
    width: 96%;
    padding: 0.4%;
    border: solid 1px #c0c0c0;
}
/*label{ text-align:right; float:right}*/
.pp {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

    .pp select {
        height: 18px;
        margin-top: 3px;
        margin-bottom: 3px;
        width: 95%;
        padding: 0.5%;
        color: #000000;
    }


    .pp INPUT[type='text'] {
        color: #333; /*padding:0.5% !important; 	height:16px !important; 	 	/*width:140px; 	vertical-align:top;*/
    }

    .pp select, INPUT[type='text'], INPUT[type='password'] {
        background: #fff;
        border: solid 1px #c0c0c0;
        font-size: 12px;
        height: 18.5px;
        padding: 0px 2px !important;
        width: 93.7%;
    }

    .pp INPUT[type='button'] {
        border: none;
    }

    /* .pp INPUT[type='radio'] {
	background: #efeb9c;}*/ /*Added by Gowri to give Background color for Radio Buttons.*/


    .pp INPUT[type='checkbox'] {
        /*width:10px; 	height:10px;*/
        width: 14px; /*Modified by Gowri as said by Ashok.P*/
        height: 14px;
    }

    .pp INPUT[type='text'], INPUT[type='password'] {
        color: #000000;
        vertical-align: top; /*height:14px; 	width:144px; 	padding:1px 3px;*/
    }

    .pp INPUT[data-type='date'] {
        height: 14px;
        width: 100%;
        padding: 1px 3px;
    }

    .pp INPUT[data-type='numeric'] {
        text-align: right;
        padding: 0 2px 0 0;
    }

    .pp .text-box {
        width: 142px;
    }

    .pp .text-box220px {
        width: 220px;
    }

    .pp .select228px {
        width: 228px;
    }

    .pp textarea {
        height: 100px;
        font-family: arial, helvetica, sans-serif;
        font-size: 19px;
        color: #333;
    }

    .pp label {
        width: 200px;
    }
/**************************************/
/*              COMMON                */

a.none {
    text-decoration: none;
    color: #00F;
}

.link, .link a, .link a:hover {
    color: #00F;
}

    .link, .link a, .link a:focus {
        color: #00F;
    }
/**************************************/
/*             CONTAINER              */

.pp-main-container {
    width: 1004px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    height: 100%;
}
/************TOP-CONTAINER
.pp-hdr {
	line-height:1.8em;
}
.pp ul li a, .pp-hdr a, .pp-hdr-container, .tab a {
	color:#FFF;
}
.pp-hdr .pp-hdr-container {
	width:100%;
	height:131px;
	text-decoration:none;
}
.pp-hdr .pp-hdr-container a {
	text-decoration:underline;
}
.pp-hdr .pp-hdr-container a:link {
	text-decoration:underline;
}
.pp-hdr .pp-hdr-container a:hover {
	text-decoration:none;
}
.pp-hdr-container a:hover, a:active, a:focus, a:visited {
	text-decoration:none;
}
.pp-hdr-nav-container {
	width:99%;
	height:50px;
}*************/
.pp-srch-btn {
    background: url(Images/Common/srch-btn-bg.png) repeat-x;
    width: 150px;
    height: 20px;
    margin: 0px; /* 10px; */
}

    .pp-srch-btn input {
        background: none;
        width: 100px;
        margin-left: 20px;
        margin-top: 3px;
        font-size: 11px;
    }

.pp-hdr input {
    background: none;
    height: 16px;
    padding: 0px;
    border: none;
}

/**********CONTENT-CONTAINER***********/
.pp .pp-content {
    width: 1000px;
    min-height: 300px;
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*Add by Ramesh for popup content style*/
.pp .pp-popup-content {
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.ie8 .pp .pp-content {
    padding-left: 8px;
}

.pp .pp-content .pp-cont-box-right {
    width: 770px;
}

.pp-cont-box-left {
    width: 190px;
    margin-right: 10px;
    margin-left: 8px;
}

.pp-cont-box-left {
}

.tab {
    bottom: 0;
    margin-bottom: 0px;
    background: url(Images/Common/tab-off.png) no-repeat;
    width: 96px;
    height: 30px;
    margin-top: 3px;
    text-align: center;
}

    .tab a, .tab a:link {
        text-decoration: none;
        background: url(images/Common/tab-off.png) no-repeat;
    }

    .tab:hover, .tab:focus, .tab:active, .tab-active {
        text-decoration: none;
        color: #fff;
        background: url(Images/Common/tab-on.png) no-repeat;
    }

.tab-single {
    bottom: 0;
    margin-bottom: 0px;
    background: url(Images/Common/single%20tab-left.png) no-repeat;
    background-size: 100%;
    width: 96px;
    height: 36px;
    margin-top: 3px;
    bottom: 0;
    color: #fff;
    text-align: center;
}

.pp-cont-box-left .pp-db-mdl a {
    color: #437CB4; /*color:#0000FF;*/
    text-decoration: none;
}

    .pp-cont-box-left .pp-db-mdl a:active {
        color: #000;
        text-decoration: none;
        font-weight: bold;
    }

    .pp-cont-box-left .pp-db-mdl a:hover, a:focus {
        color: #437CB4;
        text-decoration: underline;
    }

/**********ie8-style-starts-here**************/

.ie8 .corner-left-top {
    background: url(Images/Common/sprite.png);
    background-position: -330px -133px;
    width: 7px;
    height: 30px;
}

.ie8 .corner-right-top {
    background: url(Images/Common/sprite.png);
    background-position: -339px -133px;
    width: 8px;
    height: 30px;
}

.ie8 .corner-left-bottom {
}

.ie8 .corner-right-bottom {
}
/**********ie8-style-ends-here**************/

.pp .pp-content .tab-separator {
    background: url(Images/Common/rounded-crnr-right.png) right repeat-y #00498F;
    width: 101%;
    height: 8px;
}

.tab-separator {
    background: #00498F;
    width: 100%;
    height: 8px;
}

.ie8 .tab-separator {
    background: url(Images/Common/rounded-crnr-right.png) right repeat-y #00498F;
}

.pp .pp-content .top {
    background: url(Images/Common/pp_header_bg.gif) repeat-x;
    top: 0;
    margin-top: 0;
    width: 100%;
    height: 34px;
    bottom: 0;
}

.pp .pp-content .top {
    color: #FFF;
    font-size: 1.25em;
    line-height: 2.5em;
}

.pp .pp-content .content {
    width: 100%;
    min-height: 340px;
}
/**************************************/
/*               ALIGN                */

.pp-left {
    float: left;
    text-align: left;
}

.pp-left-f {
    float: left;
}

.pp-right {
    float: right;
}

.pp-right-t {
    text-align: right;
}

.pp-center-t {
    text-align: center;
}

.pp-left-t {
    text-align: left;
}

.pp-clear {
    clear: both; /*height:inherit*/
}

.pp-clearL {
    clear: left; /*height:inherit*/
}

.pp-clearR {
    clear: right; /*height:inherit*/
}

.pp-center {
    text-align: center;
}

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

.width-auto {
    float: left;
    width: auto;
}

.pp-width, .pp-width-74px, .pp-width-95px, .pp-width-122px, .pp-width-150px, .pp-width-193px, .pp-width-316px, .pp-width-450px, .pp-width-500px, .pp-width-720px, .pp-width-984px, .pp-width-980px {
    margin-right: 10px;
    text-align: left;
}

.pp-min-width {
    min-width: 980px;
    max-width: 100%;
}

.pp-width-5 {
    width: 5%;
}

.pp-width {
    width: 100%;
}

.pp-width-74px {
    width: 74px;
}

.pp-width-74 {
    width: 74%;
}

.pp-width-95px {
    width: 95px;
}

.pp-width-122px {
    width: 122px;
}

.pp-width-140px {
    width: 140px;
}

.pp-width-140 {
    width: 140%;
}

.pp-width-150px {
    width: 150px;
}

.pp-width-193px {
    width: 193px;
}

.pp-width-183px {
    width: 183px;
}

.ie8 .pp-width-183px {
    width: 190px;
}

.pp-width-200px {
    width: 200px;
}

.pp-width-210px {
    width: 210px;
}

.pp-width-220px {
    width: 220px;
}

.pp-width-250px {
    width: 250px;
}

.pp-width-280px {
    width: 280px;
}

.pp-width-285 {
    width: 285px;
}

.pp-width-295 {
    width: 295%;
}

.pp-width-316px {
    width: 316px;
}

.pp-width-450px {
    width: 450px;
}

.pp-width-500px {
    width: 500px;
}

.pp-width-647px {
    width: 647px;
}

.pp-width-655px {
    width: 655px;
}

.pp-width-720px {
    width: 720px;
}

.pp-width-750px {
    width: 750px;
}


.pp-width-770px {
    width: 770px;
}

.pp-width-779px {
    width: 779px;
}

.pp-width-984px {
    width: 984px;
}

.pp-width-980px {
    width: 980px;
}

.pp-width-998px {
    width: 998px;
}

.ie8 .pp-width-998px {
    width: 995px;
}

.pp-width-21px {
    width: 21px;
}


.min-div-height {
    min-height: 23px;
    padding-top: 4px;
}

.bc-height {
    height: 28px;
    padding-top: 30px;
    width: 98%;
}


.pp-height {
    height: 100%;
}

.pp-height-394 {
    height: 394px;
}

.pp-height-1 {
    min-height: 90px;
}

.pp-height-tbox {
    min-height: 230px;
    height: auto;
}

.pp-height-cbx {
    min-height: 250px;
}

.pp-height-cbx1 {
    min-height: 270px;
}

.pp-height-4 {
    min-height: 130px;
    max-height: 350px;
}

.pp-height-5a {
    min-height: 190px;
    max-height: 350px;
}

.pp-height-6 {
    height: 350px;
}

.pp-height-9 {
    min-height: 400px;
}

.pp-height-9a {
    min-height: 460px;
}

.pp-height-10 {
    min-height: 640px;
}

.pp-height-10a {
    min-height: 750px;
}
/**************************************/
/*                DIV                 */

.pp-highlight-box {
    border: #ddd 2px solid;
    padding: 0.8em;
    margin-bottom: 1.6em;
    background: #DBE4EA;
}

.pp-highlight-box-hdng {
    color: #074583;
}

.pp .bc {
    color: #01255C;
}

.pp .sub-txt {
    color: #555;
}

.pp .bc a {
    text-decoration: none;
}

    .pp .bc a:hover {
        text-decoration: underline;
    }

    .pp .bc a:focus {
        text-decoration: underline;
    }

.alert-box {
    background: url(Images/Common/pp-alertscroll.gif) repeat-x;
    font-size: 1.2em;
    width: 240px;
    height: 78px;
    padding-right: 5px;
    line-height: 1.64em;
}

    .alert-box span {
        color: #fff;
    }


.mandatory, .readOnly, .editable {
    width: 10px;
    height: 10px;
    border: solid 1px #000;
    margin-right: 5px;
}

.mandatory {
    background: blue;
}

.readOnly {
    background: #E7F1BE;
}

.editable {
    background: blue;
}

.required {
    color: #F30;
}


.icon-holder {
    background: #3F6391;
    height: 20px;
    margin-bottom: 1px;
    padding: 4px;
}
/**************************************/
/*                TXT                 */

.small {
    font-size: 10px;
}

.txt1 {
    font-size: 14px;
}

.txt2 {
    font-size: 13px;
}

.txt3 {
    font-size: 12px;
}

.txt4 {
    font-size: 11px;
}

.navMenu#LNSmartVUE .txt4 {
    font-size: 12px;
}

.navMenu#LNSmartVUE .pp-width-20 {
    width: 206px;
}

#leftNavigation {
    width: 206px;
}

.pp-sub-heading {
    font-size: 14px;
    font-weight: bold;
}

.pp-box-txt {
    color: #666666;
    font-size: 0.9em;
}

.pp-box-hdng1 {
    color: #006699;
    font-weight: bold;
}

.widget-hdng {
    font-size: 14px;
    height: 20px;
    margin-top: 12px;
}

.pp-txt-right {
    text-align: right;
}

.pp-txt-left {
    text-align: left;
}

.pp-txt-red {
    color: Red;
}

.pp-txt-orange {
    color: #fc0;
}


/**************************************/
/*               BUTTON               */



.smartvue {
    color: #663A00;
    font-size: 14px;
    text-decoration: none;
    height: 29px;
    padding-top: 9px;
}

.smartvueon {
    color: #fbfbfb;
    font-size: 14px;
    text-decoration: none;
    height: 10px;
    padding-bottom: 15px;
    padding-top: 7px;
}

.ash-button-L {
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    padding: 3px 10px;
    text-align: center;
    background: url(Images/Common/ash-button-bg.png) repeat-x;
    color: #444;
    border: #ccc 2px solid;
}

a.ash-button-L {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-decoration: none;
    background: url(Images/Common/ash-button-bg.png) repeat-x;
    color: #444;
    border: #ccc 2px solid;
}

    a.ash-button-L:hover {
        color: #333;
        text-decoration: none;
        border: #E1E1E1 2px solid;
    }

    a.ash-button-L:focus {
        color: #333;
        text-decoration: none;
        border: #E1E1E1 2px solid;
    }


/******************BG*****************/
.ie8 .pp-srch-lt, .ie8 .pp-srch-rt {
    width: 10px;
    height: 20px;
    padding: 10px 1px;
}

.ie8 .pp-srch-lt {
    background: url(Images/Common/pp-srch-lt.png) no-repeat;
}

.ie8 .pp-srch-rt {
    background: url(Images/Common/pp-srch-rt.png) top right no-repeat;
}

.pp-srch-lt, .pp-srch-rt {
    height: 0px;
    width: 0px;
}
/**************START-IMAGES**************/
.pp-img {
    background: url(images/Common/sprite.png);
    width: 16px;
    height: 16px;
    cursor: pointer;
}

    .pp-img .icon_lookup {
        background-position: -88px -34px;
    }


.pp-img-logo {
    background-position: -109px 0;
    height: 50px;
    margin-top: 10px;
    width: 190px;
    margin-left: 14px; /*Added by Gowri to Move Logo align same as Widget.*/
}

/* For ARM Logo - Added by Sai */
.pp-img-ARM {
    background: url(images/Common/sprite_ARM.png) !important;
}

.pp-img-logo-ARM {
    background-position: -301px -2px !important;
    width: 250px !important;
    height: 50px;
    margin-top: 10px;
    margin-left: 14px;
}
/* For for ARM Logo - Added by Sai*/

.pp-img-stripe {
    background: url(images/Common/pp-stripes.png) no-repeat right; /*background-position: -198px -182px;*/
    height: 60px;
    line-height: 20px;
    min-width: 400px;
    max-width: 800px;
}

.pp-login-logo {
    background: url(images/Common/logo.png) no-repeat;
    width: 235px;
    height: 60px;
}

.pp-img-logo1 {
    background-position: -320px 0px;
    width: 200px;
    height: 50px;
}

.pp-img-logo2 {
    background-position: -304px 0px;
    width: 190px;
    height: 50px;
}


.pp-img-delet {
    background-position: -81px -64px;
    height: 15px;
}

.pp-img-add {
    background-position: -64px -64px;
    height: 6px;
    width: 15px;
}

.pp-img-add-details {
    background-position: -66px -64px;
}

.details {
    color: #222;
    line-height: 19px;
}

a.details {
    color: #333;
    text-decoration: none;
}

    a.details:link {
        color: #333;
        text-decoration: none;
    }

    a.details:hover {
        color: #333;
        text-decoration: none;
    }

    a.details:focus {
        color: #333;
        text-decoration: none;
    }

.pp-img-del {
    background-position: -83px -63px;
}

.pp-img-card-view {
    background-position: -319px -59px;
    width: 25px;
    height: 20px;
    margin-left: 8px;
}

.pp-img-GroupData {
    background-position: -345px -59px;
    width: 24px;
    height: 20px;
    margin-left: 8px;
}

.pp-img-filter {
    background-position: -366px -59px;
    width: 20px;
    height: 20px;
    margin-left: 8px;
}

.pp-img-SwitchOff {
    background-position: -384px -59px;
    width: 20px;
    height: 20px;
    margin-left: 8px;
}

.pp-img-sum {
    background-position: -404px -59px;
    width: 18px;
    height: 20px;
    margin-left: 8px;
}

.pp-img-print {
    background-position: -470px -88px;
    width: 18px;
    height: 20px;
    margin-left: 8px;
}

.pp-img-pdf {
    background-position: -450px -88px;
    width: 18px;
    height: 20px;
    margin-left: 8px;
}

.pp-img-xls {
    background-position: -430px -88px;
    width: 18px;
    height: 20px;
    margin-left: 8px;
}

.pp-img-ppt {
    background-position: -410px -88px;
    width: 18px;
    height: 20px;
    margin-left: 8px;
}

.pp-img-pdf-L {
    background-position: -562px -135px;
    width: 28px;
    height: 35px;
    margin-left: 8px;
}

.pp-img-xls-L {
    background-position: -525px -135px;
    width: 30px;
    height: 35px;
    margin-left: 8px;
}

.pp-img-csv-L {
    background-position: -492px -135px;
    width: 28px;
    height: 35px;
    margin-left: 8px;
}

.pp-img-edit {
    background-position: -393px -87px;
    width: 18px;
    height: 20px;
    margin-left: 8px;
}

.pp-img-plus {
    background-position: -373px -86px;
    width: 18px;
    height: 20px;
    margin-left: 8px;
}

.pp-img-fav1 {
    background-position: -348px -86px;
    width: 20px;
    height: 20px;
    margin-left: 4px;
}

.pp-img-fav2 {
    background-position: -324px -86px;
    width: 20px;
    height: 20px;
    margin-left: 4px;
}

.pp-img-que {
    background-position: -180px -50px;
    height: 25px;
    width: 28px;
}

.pp-img-que1 {
    background: url("Images/Common/sprite.png") repeat scroll -179px -45px transparent;
    height: 30px;
    width: 30px;
}

.pp-img-que-small {
    background-position: -155px -55px;
    height: 20px;
    width: 20px;
}

.pp-img-back {
    background-position: -128px -52px;
    height: 22px;
    width: 28px;
}

.pp-img-search {
    background-position: -65px -34px;
    height: 19px !important;
    width: 22px;
    border: solid 1px #ccc;
}

.pp-img-removeValue {
    background-position: -468px -57px;
    height: 19px !important;
    width: 22px;
    border: solid 1px #ccc;
}

.pp-img-removeValue-disable {
    background-position: -445px -57px;
    height: 19px !important;
    width: 22px;
    border: solid 1px #ccc;
}

.ie8 .pp-img-search {
    padding-left: 0px;
    background-position: -69px -34px;
    height: 20px;
    width: 18px;
    padding-left: 0px;
}

.lookup .pp-img-search {
    /*background-position: -379px -106px;*/
    background: url(Images/Common/lookup-search.png) center no-repeat;
    height: 16px;
    width: 22px;
    cursor: hand;
    cursor: pointer;
}

.pp-img-search-btn {
    background-position: -3px -7px;
    height: 26px;
    width: 100px;
}

.pp-img-calendar {
    background-position: -320px -106px;
    height: 20px;
    width: 25px;
}

.pp-img-chart {
    background-position: -348px -108px;
    height: 22px;
    width: 27px;
}

.pp-img-stripe1 {
    background-position: -198px -182px;
    width: 320px;
    height: 130px;
}

.pp-img-stripe2 {
    background-position: 0px -33px; /*width:66px; 	height:37px;*/
    width: 0px;
    height: 0px;
}

.ie8 .pp-img-stripe2 {
    width: 0px;
    height: 0px;
}

.pp-img-smartvue {
    background-position: 0px -216px;
    width: 110px;
    height: 35px;
}

.pp-img-smartvue-off {
    background-position: 1px -177px;
    color: #FFF;
    width: 110px;
    height: 35px;
}

    .pp-img-smartvue-off:link {
        text-decoration: none;
    }

.pp-img-magni {
    background-position: -87px -27px;
    width: 23px;
    height: 37px;
}

.pp-img-magni-blue {
    background-position: -376px -108px;
    height: 24px;
    width: 25px;
}

.pp-img-config {
    background-position: -399px -108px;
    height: 24px;
    width: 23px;
}

.pp-img-collaps {
    background-position: -420px -109px;
    height: 22px;
    width: 23px;
}

.pp-img-expand {
    background-position: -440px -109px;
    height: 22px;
    width: 23px;
}

.pp-img-alertbell {
    background-position: -115px -225px;
    height: 43px;
    width: 30px;
}


/*Added by Arun*/
.icon-lead-bulk-assignment{  background-position:-494px -92px;width:16px;height:16px;}


/***ash-btn***/

.pp-img-ash-btn input {
    width: 78px;
    padding-top: 10px;
}

input.pp-img-ash-btn {
    width: 78px; /*padding-top:0px; */
}

.pp-img-ash-btn {
    background-position: -115px -176px;
    padding: 3px;
    height: 22px;
    width: 72px;
    font-size: 11px;
    color: #333;
}

    .pp-img-ash-btn:hover {
        background-position: -115px -201px;
        width: 78px;
    }

    .pp-img-ash-btn:focus {
        background-position: -115px -201px;
        width: 78px;
    }

.ie8 .pp-img-ash-btn {
    height: 22px;
    padding: 3px;
}

.pp-img-ash-alertwidget-btn input {
    width: 78px;
    padding-top: 10px;
}

input.pp-img-ash-alertwidget-btn {
    width: 78px;
}

.pp-img-ash-alertwidget-btn {
    background-position: -115px -176px;
    padding: 3px;
    height: 22px;
    width: 72px;
    font-size: 11px;
    color: #666;
}

    .pp-img-ash-alertwidget-btn:hover {
        background-position: -115px -201px;
        width: 78px;
    }

    .pp-img-ash-alertwidget-btn:focus {
        background-position: -115px -201px;
        width: 78px;
    }


.ash-btn {
    background: top;
    height: 25px;
    color: #000;
    float: left;
}

    .ash-btn a {
        color: #000;
        float: left;
    }

    .ash-btn div.lt {
        background: url(Images/Common/ash-btn-lt.png) top no-repeat;
        width: 9px;
        float: left;
        height: 25px;
    }

    .ash-btn div.mdl {
        background: url(Images/Common/ash-btn-mdl.png) top repeat-x;
        min-width: 60px;
        padding-top: 3px;
        float: left;
        height: 25px;
        text-align: center;
        font-size: 12px;
    }

    .ash-btn div.rt {
        background: url(Images/Common/ash-btn-rt.png) top no-repeat;
        width: 11px;
        float: left;
        height: 25px;
    }

.grn-btn {
    background: top;
    height: 25px;
    color: #fff;
    float: left;
}

    .grn-btn div.lt {
        background: url(Images/Common/grn-btn-lt.png) top no-repeat;
        width: 9px;
        float: left;
        height: 25px;
    }

    .grn-btn div.mdl {
        background: url(Images/Common/grn-btn-mdl.png) top repeat-x;
        min-width: 70px;
        padding-top: 3px;
        float: left;
        height: 22px;
        text-align: center;
    }

    .grn-btn div.rt {
        background: url(Images/Common/grn-btn-rt.png) top no-repeat;
        width: 11px;
        float: left;
        height: 25px;
    }

    .grn-btn a {
        text-decoration: none;
        color: #FFF;
    }

        .grn-btn a:link {
            text-decoration: none;
            color: #FFF;
        }

        .grn-btn a:hover {
            text-decoration: none;
            font-weight: bold;
            color: #fff;
        }
/***grn-btn***/

.pp-img-grn-btn input {
    width: 78px;
    padding-top: 10px;
}

input.pp-img-grn-btn {
    width: 86px;
}

.pp-img-grn-btn {
    background-position: -195px -176px;
    padding-bottom: 4px;
    height: 22px;
    width: 72px;
    font-size: 11px;
    color: #fff;
    padding-right: 11px;
}

    .pp-img-grn-btn:hover {
        font-weight: bold;
        width: 86px;
        color: #fff;
    }

    .pp-img-grn-btn:focus {
        font-weight: bold;
        width: 86px;
        color: #fff;
    }

.ie8 .pp-img-grn-btn {
    height: 22px;
}

.pp-img-grn-alertwidget-btn input {
    width: 78px;
    padding-top: 10px;
}

input.pp-img-grn-alertwidget-btn {
    width: 78px;
}

.pp-img-grn-alertwidget-btn {
    background-position: -195px -176px;
    padding-bottom: 4px;
    height: 22px;
    width: 72px;
    font-size: 11px;
    color: #333;
}

    .pp-img-grn-alertwidget-btn:hover {
        background-position: -195px -201px;
        width: 78px;
    }

    .pp-img-grn-alertwidget-btn:focus {
        background-position: -195px -201px;
        width: 78px;
    }





/**************END-IMAGES**************/




/******************START-TABLE********************/

.pp table {
    border-collapse: collapse;
}

.pp .table-border {
    border: #999 solid 1px;
    border-collapse: separate;
}

.pp table th {
    background: url(images/Common/pp-th-bg.png) repeat-x #263B56;
    min-height: 18px;
    color: #fff;
    padding: 5px;
}

.pp table td, th {
    /*border-left: 1px solid #FBFBFB;*/ /*padding:2px 1px 2px 12px;*/
    padding: 8px 0px 5px 9px; /*Modified by Gowri as mentioned in QC*/
}

.pp table tr.blue {
    border-left: 1px solid #FBFBFB;
    background: #BAD8EB;
    padding: 2px;
}

.selecttd {
    padding: 0px;
    text-align: center;
}

.pending-txt {
    color: red;
}

.default-txt {
    color: blue;
    text-decoration: none;
}

    .default-txt:hover {
        color: blue;
        text-decoration: underline;
    }

.visited-txt {
    color: black;
    text-decoration: none;
}




/******************END-TABLE********************/

/**************************************/
/*               shadow                */

.shadow {
    -moz-box-shadow: 3px 4px 3px #999;
    -webkit-box-shadow: 3px 4px 3px #999;
    box-shadow: 3px 4px 3px #999; /* For IE 8 */
}
/**********FOOTER-CONTAINER************/


/***Widget-Container***/
.ie8 .pp-widget-footer {
    background: url(images/Common/rounded-crnr-white-repeat.png) repeat-x;
    width: 786px;
    height: 29px;
}

.ie8 .widget-footer-lt {
    background: url(images/Common/rounded-crnr-white-bleft.png) no-repeat;
    height: 29px;
    width: 13px;
}

.ie8 .widget-footer-mdl {
    background: url(images/Common/rounded-crnr-white-repeat.png) repeat;
    height: 28px;
}

.ie8 .widget-footer-rt {
    background: url(images/Common/rounded-crnr-white-brght.png) no-repeat right top;
    height: 29px;
    width: 18px;
}

.ie8 .widget-rt {
    background: url(images/Common/rounded-crnr-white-right.png)repeat -y right;
    height: 29px;
    width: 18px;
}

.footer, .push {
    height: 50px; /* .push must be the same height as .footer */
}

.footer {
    background: url("images/Common/pp-footer.png") repeat-x scroll 0 0 #004F95;
    color: #F2F2F2;
    font-weight: lighter;
    height: 35px;
    text-align: center;
}

    .footer a {
        color: #FFFFFF;
        text-decoration: none;
    }

        .footer a:hover {
            text-decoration: underline;
        }
/**********PADDING************/
.pp-padding-all, .ptop {
    padding-top: 10px; /*padding-left:1.5px;*/
}

.pp-padding-all, .pright {
    padding-right: 20px;
}

.pp-padding-all, .pbottom {
    padding-bottom: 20px;
}

.pp-padding-all, .pleft {
    padding-left: 15px;
}
/**************************************/
/*              CORNERS               */

.pp-corner-all, .pp-corner-top, .pp-corner-left, .pp-corner-tl {
    -moz-border-radius-topleft: 15px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
}

.pp-corner-all, .pp-corner-top, .pp-corner-right, .pp-corner-tr {
    -moz-border-radius-topright: 15px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}

.pp-corner-all, .pp-corner-bottom, .pp-corner-left, .pp-corner-bl {
    -moz-border-radius-bottomleft: 15px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.pp-corner-all, .pp-corner-bottom, .pp-corner-right, .pp-corner-br {
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
/************WIDGET BOX****************/

.pp-db-top {
    background: url(images/Common/rounded-crnr-tm.png) repeat-x bottom #DFECF4;
}

.ie8 .pp-db-top {
    background: url(images/Common/rounded-crnr-tm.png) repeat-x top #DFECF4;
}

.pp-db-top, .tab {
    background: background:url(images/Common/rounded-crnr-tm.png) repeat-x top #00357B;
    height: 37px;
    color: #fff;
}

.pp-db-top {
    width: 100%;
}

.pp-db-tl {
    background: none;
    height: 37px;
    width: 14px;
}

.ie8 .pp-db-tl {
    background: url(images/Common/rounded-crnr-tl.png);
    height: 37px;
    width: 14px;
}

.pp-db-tr {
    background: none;
    height: 37px;
    width: 0px;
}

.ie8 .pp-db-tr {
    background: url(images/Common/rounded-crnr-tr.png);
    height: 37px; /*width:75px;*/
    width: 23px;
}

.pp-db-top .hdngc {
    width: 57px;
    text-align: center;
    bottom: 0;
    margin-top: 20px;
}

.pp-db-top .hdngl {
    height: 37px;
    text-align: center;
}

.pp-db-mdl {
    background: #fff;
    padding: 10px;
}

.ie8 .pp-db-mdl {
    background: url(images/Common/rounded-crnr-right.png) bottom repeat-y right #fff;
    padding: 10px 20px 0px 10px;
}

.pp-db-mdl .status {
    width: 100%;
    color: #06F;
    padding: 2px;
}

.pp-db-btm {
    background: none;
    padding-bottom: 8px;
}

.ie8 .pp-db-btm {
    background: url(images/Common/rounded-crnr-bm.png) repeat-x top;
    height: 27px;
    padding-bottom: 0px;
}

.pp-db-btmlt {
    background: none;
}

.ie8 .pp-db-btmlt {
    background: url(images/Common/rounded-crnr-bl.png) no-repeat top;
    height: 26px;
    width: 20px;
}

.pp-db-btmrt {
    background: none;
}

.ie8 .pp-db-btmrt {
    background: url(images/Common/rounded-crnr-br.png) no-repeat;
    width: 24px;
    height: 27px;
}
/************PAGE NAV****************/

select.pagenum {
    width: 50px;
    height: 18px;
    padding: 0px;
}

.pp-db-mdl .page-nav {
    width: 240px;
    height: 27px;
}

    .pp-db-mdl .page-nav .none {
        background: #FFF;
        color: #00266c;
        font-weight: bold;
    }

    .pp-db-mdl .page-nav a {
        text-decoration: none;
    }

    .pp-db-mdl .page-nav div {
        float: left;
        background-color: #00266c;
        color: #fff;
        text-align: center;
        padding: 2px 5px;
        margin: 3px;
    }

/************PAGE NAV****************/

.pp .lookup TD {
    padding: 0px;
}

.grn-txtbox, Input.grn-txtbox, select.grn-txtbox {
    background: #E7F1BE;
    color: #666;
}

.title-line {
    background: url(Images/Common/dot.gif) repeat-x center;
}

.title {
    background: #FFF;
    width: auto;
    padding-right: 1px;
}


/************************************New validation Pop Up Style Start**********************************/

.pp-information-img, .pp-warning-img, .pp-error-img, .pp-validation-img, .pp-undefined-img {
    /*height: 72px;*/
    width: 72px;
}

.pp-validation-summary-info, .pp-validation-summary-undefined {
    color: #00529B;
}

.pp-validation-summary-errors, .pp-validation-summary-valid, .pp-validation-summary-expired, .pp-validation-summary-warn {
    color: #f00;
}

.popup-cont-box ul {
    line-height: 20px;
    padding-left: 20px;
}
.popup-cont-box ul li:before {
        content: "●      ";
        margin-right: 5px;
        font-size: 12px;
    } 
.pop-up-hdr {
    background: #7a7776;
    color: #fff;
    height: 24px;
    font-size: 12px;
    padding-top: 8px;
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.pop-up-box {
    /*width: 350px;*/
    height: auto;
}

    .pop-up-box a {
        color: #fff;
        text-decoration: underline;
    }
/*.popup-cont-box
{
    background: url(images/popup-bg.png) repeat-x top;
    /*border: #7c7c7c solid 1px; 
}*/

.popup-cont-box {
    repeat-x: top;
    border: #7c7c7c solid 1px;
    padding: 10px 10px 10px 10px;
    background: #fff; /*background: url("images/popup-bg.png") repeat-x top;*/
}

/************************************New validation Pop Up Style end**********************************/





/***********************************/
/*       Validation                 */
/***********************************/


/***********************************/
/*        REPEATING STYLES         */
/***********************************/

.star {
    color: #FF0000;
}

.pp-star {
    color: #FF0000;
}

.pp-button-active {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 1.4em/100%;
    padding: 2px 2px 4px 2px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    height: 29px;
    width: 138px;
    color: #fff;
    background: url(images/Common/pp-orng-btn.png) no-repeat;
}

    .pp-button-active:hover, .pp-button-active:focus {
        color: #fff;
        background: url(images/Common/pp-orng-btn-hover.png) no-repeat;
    }

.pp-button-gray {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 1.4em/100%;
    padding: 2px 2px 5px 2px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    height: 29px;
    width: 138px;
    color: #fff;
    background: url(images/Common/pp-gry-btn.png) no-repeat;
}

    .pp-button-gray:hover, .pp-button-gray:focus {
        color: #fff;
        background: url(images/Common/pp-gry-btn-hover.png) no-repeat;
    }

.pp-button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 1.4em/100%;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 2px #c3c3c3 /*rgba(0, 0, 0, .2)*/;
    -moz-box-shadow: 0 1px 2px #c3c3c3 /*rgba(0, 0, 0, .2)*/;
    box-shadow: 0 1px 2px #c3c3c3 /*rgba(0, 0, 0, .2)*/;
    color: #ffffff;
    border: solid 3px #da7c0c;
    border-bottom: 0px;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    background: url(images/Common/orng-grdnt.png) repeat-x #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#cecccd), to(#737373));
    background: -moz-linear-gradient(top, #cecccd, #737373); /* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cecccd', endColorstr='#737373');*/
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

    .pp-button:link {
        background: #f47c20;
        background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
        background: -moz-linear-gradient(top, #f88e11, #f06015); /*  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');*/
    }

    .pp-button:hover {
        display: inline-block;
        outline: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        font: 1.4em/100%;
        padding: .5em 2em .55em;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
        color: #fef4e9;
        border: solid 1px #da7c0c;
        background: url(images/Common/orng-grdnt-hover.png) repeat-x #f78d1d;
        background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
        background: -moz-linear-gradient(top, #faa51a, #f47a20); /*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');*/
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;
    }

    .pp-button:focus {
        display: inline-block;
        outline: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        font: 1.4em/100%;
        padding: .5em 2em .55em;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
        color: #fef4e9;
        border: solid 1px #da7c0c;
        background: url(images/Common/orng-grdnt-hover.png) repeat-x #f78d1d;
        background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
        background: -moz-linear-gradient(top, #faa51a, #f47a20); /*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');*/
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;
    }

.pp-navPane {
}

.pp-cont-box-left .pp-db-mdl .currItem {
    color: #000000;
    font-weight: bold;
}

/*.pp-cont-box-left .pp-db-mdl .defaultItem
{
    color:#000FFF;
    }*/


/* ********* CSS added for MyProfile screen ***** */

.sub-cont {
    margin-left: 5%;
    color: #666;
    text-align: left;
}

    .sub-cont .pp-right {
        margin-right: 60px;
        text-align: right;
    }

    .sub-cont .pleft {
        padding-left: 6px;
    }

.pp .sub-cont select {
    width: 98%;
    margin: 0px;
}

/* ********* End MyProfile screen CSS ******* */

.pp-progressbar {
       width: 100% !important;
    height: 100% !important;
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    background-color: #000;
    filter: alpha(opacity=50) !important;
    opacity: .5 !important;
    z-index: 10010 !important;
}

.pp-progressimage {
    z-index: 10011;
    text-align: center;
    font-size: larger;
    color: Red;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20%;
    width: 52px;
    height: 52px;
    border: solid 4px transparent;
    border-radius: 100px !important;
    position: relative;
    overflow: hidden;
}

/***********************Disclosure styles*************************/

.pp-disclosure {
    margin: 5px 35px 5px 35px;
    width: 890px;
    font-size: 12px;
}




/*////////////////////////////NEW STYLES///////////////////////*/


/**********************TABLE**************************/
table.hdr-tbl {
    width: 100%;
    border: 0;
    color: #ffffff; /* line-height:20px; */
}

    table.hdr-tbl a {
        text-decoration: none;
        color: #ffffff;
    }

        table.hdr-tbl a:link {
            text-decoration: none;
        }

        table.hdr-tbl a:hover {
            color: #ffffff;
            text-decoration: none;
        }

        table.hdr-tbl a:focus {
            color: #ffffff;
            text-decoration: none;
        }

    table.hdr-tbl .logo {
        width: 25%;
    }

    table.hdr-tbl .top-nav {
        width: 50%;
        vertical-align: bottom;
        text-align: center;
    }

        table.hdr-tbl .top-nav div {
            bottom: 0px;
            width: 750px;
        }

    table.hdr-tbl .logout {
        width: 25%;
        text-align: right;
        font-size: 0.8em;
        line-height: 1.5em;
        padding-right: 10px;
    }


input {
    border: 0px;
}


/**********************WIDTH**************************/
.pp-width {
    width: 100%;
}

.pp-width-110 {
    width: 110%;
}

.pp-width-8 {
    width: 8%;
}

.pp-width-10 {
    width: 10%;
}

.pp-width-12 {
    width: 12%;
}

.pp-width-15 {
    width: 15%;
}

.pp-width-19 {
    width: 19%;
}

.pp-width-20 {
    width: 20%;
}

.pp-width-22 {
    width: 22%;
}

.pp-width-24 {
    width: 24%;
}

.pp-width-25 {
    width: 25%;
}

.pp-width-30 {
    width: 30%;
}

.pp-width-30px {
    width: 30px;
}

.pp-width-32 {
    width: 32%;
}

.pp-width-33 {
    width: 33%;
}

.pp-width-35 {
    width: 35%;
}

.pp-width-40 {
    width: 40%;
}

.pp-width-43.5 {
    width: 43.5%;
}

.pp-width-45 {
    width: 45%;
}

.pp-width-48 {
    width: 48%;
}

.pp-width-50 {
    width: 50%;
}

.pp-width-55 {
    width: 55%;
}

.pp-width-56 {
    width: 56%;
}

.pp-width-57 {
    width: 57%;
}

.pp-width-58 {
    width: 58%;
}

.pp-width-59 {
    width: 59%;
}

.pp-width-60 {
    width: 60%;
}

.pp-width-61 {
    width: 61%;
}

.pp-width-65 {
    width: 65%;
}

.pp-width-67 {
    width: 67%;
}

.pp-width-70 {
    width: 70%;
}

.pp-width-73 {
    width: 73%;
}

.pp-width-75 {
    width: 75%;
}

.pp-width-76 {
    width: 76%;
}

.pp-width-77 {
    width: 77%;
}

.pp-width-78 {
    width: 78%;
}

.pp-width-80 {
    width: 80%;
}

.pp-width-81 {
    width: 80%;
}

.pp-width-82 {
    width: 81%;
}

.pp-width-83 {
    width: 83%;
}

.pp-width-90 {
    width: 90%;
}

.pp-width-95 {
    width: 95%;
}

.pp-width-97 {
    width: 97%;
}

.pp-width-99 {
    width: 99%;
}

.pp-width-270 {
    width: 270%;
}

.pp-width-150px {
    width: 150px;
}

.pp-width-353 {
    width: 353%;
}


/**********************HEIGHT**************************/
.min-div-height {
    min-height: 24px;
    height: auto;
    padding-top: 4px;
}

.pp-height {
    height: 100%;
}

.pp-height-1 {
    height: 90px;
}

.pp-height-2 {
    height: 50px;
}

.pp-height-150 {
    height: 150px;
}

.pp-height-tbox {
    min-height: 230px;
}

.pp-height-4 {
    min-height: 130px;
    max-height: 350px;
}

.pp-height-5a {
    min-height: 190px;
    max-height: 350px;
}

.pp-height-6 {
    min-height: 300px;
}

.pp-height-8 {
    min-height: 350px;
}

.pp-height-9 {
    min-height: 400px;
}

.pp-height-9a {
    min-height: 460px;
}

.pp-height-10 {
    min-height: 640px;
}

.pp-height-10a {
    min-height: 750px;
}

.pp-height-30 {
    height: 30px;
}

.pp-height-95pc {
    height: 95%;
}

.pp-height-160 {
    height: 160px;
}

.pp-height-340 {
    height: 340px;
}

.pp-height-320 {
    height: 320px;
}

/************TXT BOX FORMS****************/

/*2 coloumn*/
.pp-2col-label {
    width: 20%;
    line-height: 20px;
    text-align: right;
    float: left;
    color: #888888;
}

.pp-2col-box {
    width: 50%;
    padding-left: 2%;
    float: left;
}

    .pp-2col-box INPUT[type='text'] {
        width: 65%;
        padding: 1%;
    }

    .pp-2col-box select {
        width: 68%;
        padding: 0.5%;
        float: left;
        text-align: left;
    }

/*4 coloumn*/
.pp-4col-label {
    width: 15%;
    line-height: 20px;
    text-align: right;
    float: left;
    color: #888888;
}

.pp-4col-box {
    width: 25%;
    padding-left: 0.5%;
    float: left;
}

    .pp-4col-box INPUT[type='text'] {
        width: 90%;
    }

    .pp-4col-box select {
        width: 92.5%;
        padding: 0.5%;
        float: left;
        text-align: left;
    }


/*6 coloumn*/
.pp-6col-label {
    width: 10%;
    line-height: 20px;
    text-align: right;
    float: left;
    color: #888888;
}

.pp-6col-box {
    width: 22%;
    padding-left: 1%;
    float: left;
    text-align: left;
}

    .pp-6col-box INPUT[type='text'] {
        width: 95%;
        padding: 1%;
    }

    .pp-6col-box select {
        width: 97%;
        padding: 0.5%;
        float: left;
        text-align: left;
    }


/*8 coloumn*/
.pp-8col-label {
    width: 8%;
    line-height: 20px;
    text-align: right;
    float: left;
    color: #888888;
}

.pp-8col-box {
    width: 16%;
    padding-left: 1%;
    float: left;
}

    .pp-8col-box INPUT[type='text'] {
        width: 95%;
        padding: 1%;
    }

    .pp-8col-box select {
        width: 97%;
        padding: 0.5%;
        float: left;
        text-align: left;
    }





/************TXT BOX FORMS****************/
.popup .pp-2col-boxCustomControl .lookup .text input {
    width: 130px;
}

.popup .lookup {
    width: 157px;
}

    .popup .lookup .text {
        width: 135px;
    }

.popup #AgentEandOLookup {
    width: 430px !important;
}

    .popup #AgentEandOLookup .text {
        width: 300% !important;
    }

        .popup #AgentEandOLookup .text input {
            width: 99% !important;
        }

.popup #AgentCertificationLookup {
    width: 393px !important;
}

    .popup #AgentCertificationLookup .text {
        width: 300% !important;
    }

        .popup #AgentCertificationLookup .text input {
            width: 99% !important;
        }

.popup #AgentForwardAlertLookup {
    width: 230px !important;
}

    .popup #AgentForwardAlertLookup .text {
        width: 300% !important;
    }

        .popup #AgentForwardAlertLookup .text input {
            width: 99% !important;
        }

/*2 coloumn*/
.popup .pp-2col-label {
    width: 40%;
    line-height: 20px;
    text-align: right;
    float: left;
    color: #888888;
}

.popup .pp-2col-box {
    width: 45%;
    padding-left: 2%;
    float: left;
}

    .popup .pp-2col-box INPUT[type='text'] {
        width: 65%;
        padding: 1%;
    }

    .popup .pp-2col-box select {
        width: 68%;
        padding: 0.5%;
        float: left;
        text-align: left;
    }

.popup .pp-2col-boxCustomControl {
    width: 45%;
    padding-left: 2%;
    float: left;
}

    .popup .pp-2col-boxCustomControl INPUT[type='text'] {
        padding: 1%;
    }

.popup .pp-2col-box textarea {
    width: 100%;
    padding: 1%;
    height: 120px;
}

.popup .pp-2col-box .cascade {
    width: 205px;
    border: 1px solid #ccc;
    height: 26px;
}

.popup .cascade .t-header {
    height: 26px;
}

.popup .cascade .t-state-default {
    display: inline-flex;
    border: 1px solid transparent;
}

.popup .cascade .t-input {
    height: 25px;
    position: relative;
    width: 202px;
}

.popup .cascade .t-header {
    background-image: none;
    background-color: #ffffff !important;
    font-weight: normal;
    height: 26px;
    width: 195px !important;
    padding-right: 10px;
}

.popup .cascade .t-state-focused {
    width: 215px;
}

.popup .t-dropdown-wrap.t-state-hover.t-state-default {
    background: #fff;
}

.popup .t-dropdown-wrap .t-select {
    margin-top: 0px !important;
    right: 15px !important;
}

.popup div.t-timepicker, .popup div.t-datetimepicker, .popup div.t-datepicker {
    width: 96%;
}


/*4 coloumn*/
.popup .pp-4col-label {
    width: 20%;
    line-height: 20px;
    text-align: right;
    float: left;
    color: #888888;
}

.popup .pp-4col-box {
    width: 22.5%;
    padding-left: 0.5%;
    float: left;
}

    .popup .pp-4col-box INPUT[type='text'] {
        width: 90%;
    }

    .popup .pp-4col-box select {
        width: 94.5%;
        padding: 0.5%;
        float: left;
        text-align: left;
    }

.popup .pp-4col-boxCustomControl {
    width: 22.5%;
    padding-left: 0.5%;
    float: left;
}

    .popup .pp-4col-boxCustomControl INPUT[type='text'] {
        padding: 1%;
    }

.popup .pp-4col-box textarea {
    width: 100%;
    padding: 1%;
    height: 120px;
}


/*6 coloumn*/
.popup .pp-6col-label {
    width: 10%;
    line-height: 20px;
    text-align: right;
    float: left;
    color: #888888;
}

.popup .pp-6col-box {
    width: 22%;
    padding-left: 1%;
    float: left;
    text-align: left;
}

    .popup .pp-6col-box INPUT[type='text'] {
        width: 95%;
        padding: 1%;
    }

    .popup .pp-6col-box select {
        width: 98.5%;
        padding: 0.5%;
        float: left;
        text-align: left;
    }

.popup .pp-6col-boxCustomControl {
    width: 22%;
    padding-left: 1%;
    float: left;
    text-align: left;
}

    .popup .pp-6col-boxCustomControl INPUT[type='text'] {
        padding: 1%;
    }

.popup .pp-6col-box textarea {
    width: 100%;
    padding: 1%;
    height: 120px;
}


/*8 coloumn*/
.popup .pp-8col-label {
    width: 8%;
    line-height: 20px;
    text-align: right;
    float: left;
    color: #888888;
}

.popup .pp-8col-box {
    width: 16%;
    padding-left: 1%;
    float: left;
}

    .popup .pp-8col-box INPUT[type='text'] {
        width: 95%;
        padding: 1%;
    }

    .popup .pp-8col-box select {
        width: 97%;
        padding: 0.5%;
        float: left;
        text-align: left;
    }


.popup .pp-8col-boxCustomControl {
    width: 16%;
    padding-left: 1%;
    float: left;
}

    .popup .pp-8col-boxCustomControl INPUT[type='text'] {
        padding: 1%;
    }

.popup .pp-8col-box textarea {
    width: 100%;
    padding: 1%;
    height: 120px;
}



LOGIN.CSS /*@charset "utf-8"*/ /* CSS Document */ /**************************************/ /*            LOGIN PAGE              */ html {
    height: auto;
}

/*html, body  { background:#f3f3f3/*dde8f2;}*/

body.login {
    background: url(images/login-bkgd.gif) repeat-x #dde8f2; /*height:100% ;*/
    width: 100%;
    margin: 0;
    margin-bottom: 0;
}

.pp_login {
    margin-top: 0px;
    background: url(images/pp_map1.png) no-repeat top;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    height: 600px;
}

.pp_login-margin {
    margin-top: 180px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    height: 250px;
}

.login-box {
    width: 500px;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    height: 290px;
}



.ie8 .login-box {
    background: none;
    width: 540px;
    height: 290px;
    margin-left: 30.5%;
    margin-right: auto;
}

.ie8 .pp_login_lft {
    float: left;
    background: url(images/pp_log_lt.png) no-repeat left;
    width: 21px;
    height: 290px;
}

.ie8 .pp_login_mdl {
    float: left;
    background: url(images/pp_log_mdl.png) repeat-x left;
    width: 452px;
    height: 290px;
}

.ie8 .pp_login_rt {
    float: left;
    background: url(images/pp_log_rt.png) no-repeat right;
    width: 21px;
    height: 290px;
}

.logo-margin {
    padding: 5px 150px;
}

.ie8 .logo-margin {
    padding: 5px 150px 5px 130px;
}

.login-footer {
    color: #000;
    text-decoration: underline;
}

.login INPUT[type='text'] {
    width: 190px;
    padding: 10px 10px;
}

.login INPUT[type='password'] {
    width: 190px;
    padding: 10px 10px;
}


.login .pp-corner-all {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}
/*.one{ 
	font-family:arial, helvetica, sans-serif;
	font-size:12px;}*/

/**************************************/
/*               BUTTON               */


.pp-button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 1.4em/100%;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: url(images/Common/orng-grdnt.png) repeat-x #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20); /* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');*/
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

    .pp-button:hover, .pp-button:focus {
        background: url(images/Common/orng-grdnt-hover.png) repeat-x #f47c20;
        background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
        background: -moz-linear-gradient(top, #f88e11, #f06015);
    }

    .pp-button:hover, .pp-button:link {
        background: url(images/Common/orng-grdnt-hover.png) repeat-x #f47c20;
        background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
        background: -moz-linear-gradient(top, #f88e11, #f06015);
    }

    .pp-button:active {
        color: #fcd3a5;
        background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
        background: -moz-linear-gradient(top, #f47a20, #faa51a);
    }




/**************************************/
/*              PASSWORD              */



INPUT[type='text'].pswtxt {
    width: 175px;
    padding: 2px;
    height: 20px;
}

select.pswtxt {
    width: 180px;
    padding: 2px;
    height: 22px;
}

.login .pleft {
    padding-left: 35px;
}

.login .pbottom {
    padding-bottom: 5px;
}

.margin-left {
    margin-left: 35px;
}

input[type='text'].logtxt-box {
    width: 200px;
    padding: 15px;
    height: 28px;
    color: #333;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 10px;
}

input[type='password'].logtxt-box {
    width: 200px;
    padding: 15px;
    height: 28px;
    color: #333;
    font-size: 11px;
}


.ie8 input.logtxt-box {
    width: 200px;
    padding: 5px;
    height: 28px;
    color: #333;
    font-size: 11px;
    margin-bottom: 15px;
    margin-top: 10px;
}



.watermark {
    color: #999 !important;
}


/**********************Styles for fonts of the controls****************************************************/
select, INPUT[type='text'], textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-radius: 0px;
}

textarea {
    border: solid 1px #c0c0c0;
}
/**************************************************************End Styles for fonts of the controls***********************/

.pp-helptext-info {
    border-bottom: 2.5px dotted #3a84ce;
    cursor: hand;
    cursor: pointer;
}

/* Tooltip styles */
#bubble_tooltip {
    width: 147px;
    position: absolute;
    z-index: 1000;
}

    #bubble_tooltip .bubble_top {
        background-image: url('../Images/Common/bubble_top.png');
        background-repeat: no-repeat;
        height: 10px;
    }

    #bubble_tooltip .bubble_middle {
        background: #ffffcd;
        padding: 7px;
    }

        #bubble_tooltip .bubble_middle span {
            position: relative;
            top: 3px;
            font-size: 12px;
        }

    #bubble_tooltip .bubble_bottom {
        background-image: url('../Images/Common/bubble_bottom.png');
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        height: 15px;
        position: relative;
    }
/******************************/

fieldset {
    border: 1px solid #ddd;
    padding: 0 -1px 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

.ie8 fieldset {
    padding-bottom: 7px;
}

.lookup {
    width: 98%;
}

    .lookup .text {
        width: 98%;
    }

        .lookup .text input {
            width: 97% !important;
        }

.DB-Config-TableCssClass {
    width: 100%;
}


/******************************Start new buttons styles*************************/
/*Orange Button Large*/
.orng_btn-L, input.orng_btn-L {
    vertical-align: middle;
    background: url(Images/Common/orange.png);
    width: 138px;
    border: 0px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    height: 28px;
}

    .orng_btn-L:hover, input.orng_btn-L:hover, input.orng_btn-L:focus {
        background-image: url(Images/Common/orange_hover.png);
        width: 138px;
        background-repeat: no-repeat;
    }

    .orng_btn-L div {
        height: 15px;
        vertical-align: middle;
    }

/* Added the below for large size orange button start */
.orng_btn-L1, input.orng_btn-L1 {
    vertical-align: middle;
    background: url(Images/Common/btn-orange-L.png);
    width: 194px;
    border: 0px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    height: 28px;
}

    .orng_btn-L1:hover, input.orng_btn-L1:hover, input.orng_btn-L1:focus {
        background-image: url(Images/Common/btn-orange-L-hover.png);
        width: 194px;
        background-repeat: no-repeat;
    }

    .orng_btn-L1 div {
        height: 15px;
        vertical-align: middle;
    }

/* Added the below for large size orange button end */



/*Ash Button Large*/
.ash_btn-L, input.ash_btn-L {
    vertical-align: middle;
    background: url(Images/Common/ash-btn-L.png);
    width: 138px;
    border: 0px;
    background-repeat: no-repeat;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    height: 28px;
}

    .ash_btn-L:hover, input.ash_btn-L:hover, input.ash_btn-L:focus {
        background: url(Images/Common/ash-btn-L_hover.png);
        width: 138px;
        background-repeat: no-repeat;
    }

    .ash_btn-L div {
        height: 15px;
        vertical-align: middle;
    }
/*Orange Button Opaciity*/
.orng_opacity, input.orng_opacity {
    background-image: url(Images/Common/orange_opacity.png);
    width: 138px;
    height: 28px;
    background-repeat: no-repeat;
    border: 0;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

    .orng_opacity:hover, input.orng_opacity:hover, input.orng_opacity:focus {
        background-image: url(Images/Common/orange_hover.png);
        width: 138px;
        height: 28px;
        background-repeat: no-repeat;
    }

    .orng_opacity div {
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        width: 135px;
        height: 12px;
        vertical-align: middle;
        padding-top: 4px;
    }
/*Ash Previous Button Large*/
.ash-prev-btn, input.ash-prev-btn {
    cursor: pointer;
    background: url(Images/Common/ash-prev-btn.png) no-repeat;
    width: 138px;
    height: 28px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    border: 0;
    text-align: center;
    vertical-align: middle;
}

    .ash-prev-btn:hover, input.ash-prev-btn:hover, input.ash-prev-btn:focus {
        background-image: url(Images/Common/ash-prev-btn_hover.png);
        width: 138px;
        height: 28px;
        background-repeat: no-repeat;
    }

    .ash-prev-btn div {
        color: #000;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        width: 135px;
        height: 15px;
        vertical-align: middle;
        padding-top: 4px;
    }
/*Orange Next Button Large*/
.next, input.next {
    vertical-align: middle;
    cursor: pointer;
    background: url(Images/Common/next.png) no-repeat;
    width: 138px;
    height: 28px;
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

    .next:hover, input.next:hover, input.next:focus {
        background-image: url(Images/Common/next_hover.png);
        width: 138px;
        height: 28px;
        background-repeat: no-repeat;
    }

    .next div {
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        width: 135px;
        height: 15px;
        vertical-align: middle;
    }
/*Orange Button Medium Size*/
.orng_btn-M, input.orng_btn-M {
    cursor: pointer;
    background: url(Images/Common/orange_btn-M.png) no-repeat;
    width: 90px;
    height: 20px;
    border: 0;
    color: #fff;
    padding-bottom: 2px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}

    .orng_btn-M:hover, input.orng_btn-M:hover, input.orng_btn-M:focus {
        background-image: url(Images/Common/orange_btn-M_hover.png);
        width: 90px;
        height: 20px;
        background-repeat: no-repeat;
    }

    .orng_btn-M div {
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        width: 100%;
        height: 5px;
        vertical-align: middle;
        padding-top: 2px;
    }
/*Green Button Medium Size*/
.grn_btn-M, input.grn_btn-M {
    cursor: pointer;
    vertical-align: middle;
    background: url(Images/Common/grn_btn-M.png) no-repeat;
    width: 92px;
    height: 21px;
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 2px;
}

    .grn_btn-M:hover, input.grn_btn-M:hover, input.grn_btn-M:focus {
        background-image: url(Images/Common/grn_btn-M_hover.png);
        width: 92px;
        height: 21px;
        background-repeat: no-repeat;
    }

    .grn_btn-M div {
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        width: 100%;
        height: 5px;
        vertical-align: middle;
        padding-top: 2px;
    }
/*Ash Button Medium Size*/
.ash_btn-M, input.ash_btn-M {
    cursor: pointer;
    background: url(Images/Common/ash_btn-M.png) no-repeat;
    width: 92px;
    height: 21px;
    border: 0;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}

    .ash_btn-M div {
        color: #000;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        width: 100%;
        height: 5px;
        vertical-align: middle;
        padding-top: 2px;
    }
/*Ash Button Unread*/
.ash_btn-unread, input.ash_btn-unread {
    background: url(Images/Common/ash_btn-unread.png) no-repeat;
    cursor: pointer;
    width: 85px;
    height: 18px;
    border: 0;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    padding-bottom: 5px;
    vertical-align: middle;
}

    .ash_btn-unread:hover, input.ash_btn-unread:hover, input.ash_btn-unread:focus {
        background-image: url(Images/Common/ash_btn-unread_hover.png);
        width: 85px;
        height: 18px;
        background-repeat: no-repeat;
        font-size: 12px;
    }

    .ash_btn-unread div {
        color: #000;
        font-size: 10px;
        font-weight: bold;
        text-align: center;
        height: 5px;
        vertical-align: middle;
        padding-top: 2px;
    }
/*Ash Button Small*/
.ash_btn-S, input.ash_btn-S {
    cursor: pointer;
    background: url(Images/Common/ash_btn-S.png) no-repeat;
    width: 74px;
    height: 20px;
    border: 0;
    color: #000;
    vertical-align: middle;
    padding-bottom: 3px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}

    .ash_btn-S:hover, input.ash_btn-S:hover, input.ash_btn-S:focus {
        background-image: url(Images/Common/ash_btn-S_hover.png);
        width: 74px;
        height: 20px;
        background-repeat: no-repeat;
    }

    .ash_btn-S div {
        color: #000;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        height: 5px;
        vertical-align: middle;
        padding-top: 2px;
    }
/*Orange Button Small*/
.orng_btn-S, input.orng_btn-S {
    cursor: pointer;
    background: url(Images/Common/orng_btn-S.png) no-repeat;
    width: 74px;
    vertical-align: middle;
    padding-bottom: 3px;
    height: 20px;
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}

    .orng_btn-S:hover, input.orng_btn-S:hover, input.orng_btn-S:focus {
        background-image: url(Images/Common/orng_btn-S_hover.png);
        width: 74px;
        height: 20px;
        background-repeat: no-repeat;
    }

    .orng_btn-S div {
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        height: 5px;
        vertical-align: middle;
        padding-top: 2px;
    }
/*Green Button Small*/
.green_small, input.green_small {
    cursor: pointer;
    background: url(Images/Common/green_small.png) no-repeat;
    width: 73px;
    height: 18px;
    border: 0;
    color: #000;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

    .green_small div {
        color: #000;
        font-size: 10px;
        font-weight: bold;
        text-align: center;
        height: 5px;
        vertical-align: middle;
        padding-top: 3px;
    }

/******************************End new buttons styles *************************/

/******************************New Styles Added on 09/14/2012 *************************/
#cont {
    overflow-x: auto;
    display: block;
    float: left;
}

#lftnav {
    overflow-x: auto;
    display: block;
    float: left;
    background: #f00;
}

#hdr {
    height: 111px;
}
/*Updated by Gowri*/
#ftr {
    height: 35px;
    background: url("images/Common/pp-footer.png") repeat-x;
    color: #fff;
}

#bg {
    overflow-y: auto;
    display: block;
    float: left;
}

#bg-nav {
    overflow-x: auto;
    display: block;
    float: left;
    margin-left: 3%;
}

    #bg-nav ul {
        width: 85% !important;
    }

.t-grid .t-pager {
    float: right;
}

.t-grid .t-status-text {
    float: left;
    background: #F1F3F5;
    padding: 0px 5px;
    color: #222;
}

.pp-navPane {
    width: auto !important;
}

.navPane-content {
}

/*
*****************************************************************************************/



.rqrd-flds {
    /*  border: solid 1px #8C9FBD;     background-color:#efeb9c;      */
    background: url(Dashboard/Images/Common/star.png) no-repeat;
    height: 10px;
    width: 12px;
}

.read-flds {
    border: solid 1px #8C9FBD;
    background: #d6e3f7;
    height: 12px;
    width: 12px;
}

div.gry-label {
    color: #888;
}

.required-flds, Input.required-flds, Select.required-flds, .cascade.required-flds {
    /*background: #efeb9c;*/
    background: #ffffff; /*color: #666;*/
}

.readonly-flds, Input.readonly-flds, Select.readonly-flds, .cascade.readonly-flds {
    background: #d6e3f7; /*color: #666;*/
}

.grid-search-content {
    background-color: #E0E0E0;
    width: 124px;
}

    .grid-search-content tbody td {
        border-color: #E0E0E0;
        padding: 0px;
        padding-top: 3px;
        padding-left: 15px;
    }

.grid-togglepager {
    width: 19px;
    height: 18px;
    background-position: -136px -128px;
    display: inline-block;
}

.pp-grid-toolbar {
    background: #c0c0c0;
    padding: 2px 0.5%;
}

.t-grid .t-grid-pager .t-pager .t-page-i-of-n INPUT[type="text"] {
    width: 25px;
}

p a:link {
    text-decoration: none;
    color: #00F;
}

p a:hover {
    color: #00F;
    text-decoration: underline;
}

/*Styles for EntityNavigationDropdown*/
.pp-img-left {
    background: url(Images/Common/left.png) #fff;
    height: 20px;
    width: 20px;
    cursor: pointer;
    border: solid 1px #ccc;
    margin-top: 1px;
    float: left;
}

.pp-img-right {
    background: url(Images/Common/right.png) #fff;
    height: 20px;
    width: 20px;
    cursor: pointer;
    border: solid 1px #ccc;
    margin-top: 1px;
    float: left;
}

/*Styles for EntityNavigationDropdown*/

.pp-img-Hierarchy {
    background: url(Images/Hierarchy.png) no-repeat; /* background: url(Images/Details.png) no-repeat;*/
    width: 24px;
    height: 20px;
    margin-left: 8px;    
    cursor: pointer;
}

.pp-legend {
    padding-left: 3px;
    padding-right: 9px;
}

.pp-text-decoration-none {
    text-decoration: none;
}

.pp-text-decoration-underline {
    text-decoration: underline;
}

.pp-cursor-pointer {
    cursor: pointer;
}

.pp-height-50 {
    height: 50px;
}

.pp-width-50px {
    width: 50px;
}

.pp-height-450 {
    height: 450px;
}

.pp-display-none {
    display: none;
}

.pp-display-block {
    display: block;
}

.pp-paddingall-10 {
    padding: 10px;
}

.pp-paddingall-0 {
    padding: 0px !important;
}

.pp-ptop-0 {
    padding-top: 0px;
}

.pp-ptop-20 {
    padding-top: 20px;
}

.pp-ptop-13 {
    padding-top: 13px;
}

.pp-ptop-35 {
    padding-top: 35px;
}

.pp-ptop-5 {
    padding-top: 5px;
}

.pp-pbottom-5 {
    padding-bottom: 5px;
}

.pp-pbottom-15 {
    padding-bottom: 15px;
}

.pp-pleft-0 {
    padding-left: 0px;
}

.pp-pleft-1 {
    padding-left: 1px;
}

.pp-pleft-6 {
    padding-left: 6px;
}

.pp-pleft-10 {
    padding-left: 10px;
}

.pp-pleft-22 {
    padding-left: 22px;
}

.pp-pleft-11 {
    padding-left: 11px;
}

.pp-height-372 {
    height: 372px;
}

.pp-height-20 {
    height: 20px;
}

.pp-position-relative {
    position: relative;
}

.pp-width-37 {
    width: 37%;
    float: left;
    padding-left: 1%;
    text-align: left;
}

.pp-pright-2 {
    padding-right: 2px;
}

.pp-pright-3 {
    padding-right: 3px;
}

.pp-pright-5 {
    padding-right: 5px;
}

.pp-word-wrap {
    word-wrap: break-word;
}

.pp-resize {
    resize: none;
}

.pp-visibility-hidden {
    visibility: hidden;
}

.pp-vertical-align {
    vertical-align: middle;
}

.pp-vertical-align-top {
    vertical-align: top;
}

.pp-back {
    text-decoration: none;
    color: #0066cc;
}

.pp-overflow {
    overflow: auto;
}

.pp-margin-left-12 {
    margin-left: 12px;
}

.pp-margin-left-30 {
    margin-left: 30px;
}

.pp-margin-left-2 {
    margin-left: 2px;
}

.pp-margin-left-2pc {
    margin-left: 2%;
}

.pp-margin-right-1 {
    margin-right: 1px;
}

.pp-margin-right-2 {
    margin-right: 2px;
}

.pp-margin-left-1 {
    margin-left: 1px;
}

.pp-border-0 {
    border: 0px;
}

.pp-margin-top-10 {
    margin-top: 10px;
}

.pp-pleft-4 {
    padding-left: 4px;
}

.udfield-control-container {
    /*padding-right: 5px;*/
    display: inline;
}


/*==================================================================================================================================================================
                                                                   START MARKETING RELATED STYLE        
*================================================================================================================================================================== */

.ylwTask {
    background-color: Yellow;
    padding-right: 65px;
    padding-top: 65px;
}

.grnTask {
    background-color: #99C68E;
    padding-right: 32px;
    padding-top: 32px;
}

.redTask {
    background-color: Red;
    padding-right: 56px;
    padding-top: 56px;
}

.popup .pp-8col-timebox {
    width: 20%;
    padding-left: 1%;
    float: left;
}

    .popup .pp-8col-timebox INPUT[type='text'] {
        width: 95%;
        padding: 1%;
    }

    .popup .pp-8col-timebox select {
        width: 58%;
        padding: 0.5%;
        float: left;
        text-align: left;
    }


.pp-4col-custombox {
    width: 25%;
    padding-left: 0.5%;
    float: left;
}

    .pp-4col-custombox INPUT[type='text'] {
        width: 253%;
    }

    .pp-4col-custombox select {
        width: 92.5%;
        padding: 0.5%;
        float: left;
        text-align: left;
    }


.customtextarea {
    width: 400%;
}


.pp-FAQ {
    width: 98%;
    height: 551px !important;
    overflow-x: hidden;
    overflow-y: auto;
    text-overflow: ellipsis;
}

.pp-padding-FAQ {
    padding-left: 70px;
    padding-right: 100px;
}

/*==================================================================================================================================================================
                                                                  END MARKETING RELATED STYLE        
*================================================================================================================================================================== */



.pp-img-PDF {
    /* background-position: -76px -267px;        height: 20px;     width: 25px;     float: left; */
    background: url(Dashboard/Images/export_pdf.png);
    width: 16px;
    height: 16px;
    display: inline-block;
}

.pp-img-EXCEL {
    /* background-position: -40px -267px;     height: 20px;     width: 25px;     float: left;*/
    background: url(Dashboard/Images/excel_export.gif);
    width: 16px;
    height: 16px;
    display: inline-block;
}

.ui-datepicker-calendar {
    display: none;
}

.pp-backlink {
    color: #0000FF;
    cursor: pointer;
}

/**Office user Styles**/
.paddingleft1 {
    padding-left: 1%;
}

.width8 {
    width: 12%;
}

.width100 {
    width: 100%;
}

.width44 {
    width: 30% !important;
}

.height25p {
    height: 25px;
}

.bold {
    font-weight: bold;
}

.overflowxhidden {
    overflow-x: hidden;
}

.overflowauto {
    overflow-x: auto;
    overflow-y: auto;
}

.tablelayoutfixed {
    table-layout: fixed;
}

.paddingleft1 {
    padding-left: 1%;
}

.width100p {
    width: 100px;
}

.fontweightnormal {
    font-weight: normal;
}

.fontfamilycalibri {
    font-family: Calibri;
}

.fontsize1em {
    font-size: 1em;
}

.verticalalignmiddle {
    vertical-align: middle;
}

.height15p {
    height: 15px;
}

.border1pgray {
    border: 1px solid Gray;
}

.ui-widget-content {
    border: 1px solid #a6c9e2;
    background: #fcfdfd;
    color: #222222;
}

.ui-widget {
    font-size: 1em;
}

.ui-widget-header_Grid {
    border: 0px solid #4297d7;
    background: rgb(67, 63, 64);
    font-family: Calibri;
    color: #fff;
    font-size: 1.15em;
    height: 32px;
    vertical-align: middle;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    padding-bottom: 1px;
    border-bottom-width: 0;
    background: transparent url("Images/pop-tab-ash.png") repeat-x top left;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
    background: transparent url("Images/pop-tab-blue.png") repeat-x top left;
}

    .ui-tabs .ui-tabs-nav li a {
        float: left;
        padding: 10px .2em .2em;
        text-decoration: none;
        color: #fff;
        font-size: 0.75em;
    }

ul.ac {
    color: #fff;
}

    ul.ac li {
        display: inline-block;
        float: left;
        min-width: 144px;
        width: auto;
        list-style: none;
        text-align: center;
        background: #266BC5;
        border: solid 1px #3A4463;
        padding: 5px;
        cursor: pointer;
    }

        ul.ac li:hover, ul.ac li:active {
            color: #036;
            display: inline-block;
            float: left;
            min-width: 144px;
            width: auto;
            list-style: none;
            text-align: center;
            background: #ccc;
            border: solid 1px #ccc;
            padding: 5px;
        }

div.ppRolePrivilages {
    color: #fff;
}

.ppRolePrivilages input[type='button'] {
    display: inline-block;
    float: left;
    min-width: 144px;
    width: 24%;
    list-style: none;
    text-align: center;
    background: #266BC5;
    border: solid 1px #3A4463;
    padding: 5px;
    cursor: pointer;
}

    .ppRolePrivilages input[type='button']:hover {
        color: #036;
        display: inline-block;
        float: left;
        min-width: 144px;
        width: 24%;
        list-style: none;
        text-align: center;
        background: #ccc;
        border: solid 1px #ccc;
        padding: 5px;
    }

.Privilagesselected {
    color: #036;
    display: inline-block;
    float: left;
    min-width: 144px;
    width: 24%;
    list-style: none;
    text-align: center;
    background: #ccc !important;
    border: solid 1px #ccc;
    padding: 5px;
}

.privilages {
    height: 450px;
}
/**Office User Styles**/



.defaultSkin .table.mceLayout {
    margin-left: -6px;
}

a:-webkit-any-link {
    text-decoration: none !important;
}

div[data-rule-hidden-container] {
    height: 18px;
    background: url(Images/Common/text-box-bg.png) repeat-x;
    width: 100%;
    border: solid 1px #999;
}


/*Created By Pavan for Lead management Grid Icons Start*/

.pp-map {
    background: url(images/Common/Map.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 20px;
    cursor: pointer;
}

/*Created By Pavan for Lead management Grid Icons Start*/

.pp-map {
    background: url(images/Common/Map.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 20px;
    cursor: pointer;
}


.pp-phone {
    background: url(images/Common/Phone.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 20px;
    cursor: pointer;
}

.pp-task {
    background: url(images/Common/Task.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 20px;
    cursor: pointer;
}

.pp-meeting {
    background: url(images/Common/Meeting.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 20px;
    cursor: pointer;
}

.pp-leadassign {
    background: url(images/Common/LeadManager.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 20px;
    cursor: pointer;
}

.pp-createlead {
    background: url(images/Common/CreateLead.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 20px;
    cursor: pointer;
}


/*Created By Pavan for Lead management Grid Icons End*/


.udfield-customlookup .multiselect .ui-multiselect span:last-child {
    display: block;
    height: 27px;
    line-height: 20px;
    overflow: hidden;
    width: auto;
}


/**Request Grid**/

.t-grid-content, .t-grid-content table {
    width: 100% !important;
}

 /* CSS  For Request Screen */
 .divRequest .pp-6col-box {
        padding-top: 15px  !important;
      
    }

/**********************************/

/**Grid CustomAction Icons for Lead Management System**/
.icon-showmap
{
    background: url(images/Common/Map.png);
	background-repeat:no-repeat;
	width: 16px;
	height: 20px;
	cursor: pointer;
}

.icon-showmap
{
    background: url(images/Common/Map.png);
	background-repeat:no-repeat;
	width: 16px;
	height: 20px;
	cursor: pointer;
}


.icon-addcall
{
    background: url(images/Common/Phone.png);
	background-repeat:no-repeat;
	width: 16px;
	height: 20px;
	cursor: pointer;
}

.icon-addtask
{
    background: url(images/Common/Task.png);
	background-repeat:no-repeat;
	width: 16px;
	height: 20px;
	cursor: pointer;
}

.icon-addmeeting
{
    background: url(images/Common/Meeting.png);
	background-repeat:no-repeat;
	width: 16px;
	height: 20px;
	cursor: pointer;
}


.icon-createlead
{
    background: url(images/Common/CreateLead.png);
	background-repeat:no-repeat;
	width: 16px;
	height: 20px;
	cursor: pointer;
}

.icon-leaddisposition
{
     background: url(images/Common/LeadManager.png);
	background-repeat:no-repeat;
	width: 16px;
	height: 20px;
	cursor: pointer;
}





.icon-bulkassignment
{
     background: url(images/Common/BulkAssignment.png);
	background-repeat:no-repeat;
	width: 16px;
	height: 20px;
	cursor: pointer;
}

.prospectAttention
{
    font-weight:bold;
    color:red;
}

 .udfield-panel {
    width:90% !important;

 }

 /* CSS  For ARM   vijay */

 .pp-img-Email
{
	/* background-position: -76px -267px;        height: 20px;     width: 25px;     float: left; */
	background: url(Dashboard/Images/Email.png);
	width: 16px;
	height: 16px;
	display: inline-block;
}

 
.pp-img-PDF
{
	/* background-position: -76px -267px;        height: 20px;     width: 25px;     float: left; */
	background: url(Dashboard/Images/export_pdf.png);
	width: 16px;
	height: 16px;
	display: inline-block;
}


.pp-img-AddBusinessPlan
{
	/* background-position: -76px -267px;        height: 20px;     width: 25px;     float: left; */
	background: url(Dashboard/Images/AddBusinessPlan.png);
	width: 16px;
	height: 16px;
	display: inline-block;
}

/*.pp-img-EXCEL
{*/
	/* background-position: -40px -267px;     height: 20px;     width: 25px;     float: left;*/
	/* vijay background: url(Dashboard/Images/excel_export.gif);
	width: 16px;
	height: 16px;
	display: inline-block;*/


    
    /*background-image: url('../Images/Common/excel_export.gif');
    width: 16px;
    height: 16px;
    display: inline-block;
}*/



.pp-img-Email-Report
{
	/* background-position: -76px -267px;        height: 20px;     width: 25px;     float: left; */
	background: url(Dashboard/Images/Email-Report.png);
	width: 16px;
	height: 16px;
	display: inline-block;
}

.pp-img-ViewReport
{
	/* background-position: -76px -267px;        height: 20px;     width: 25px;     float: left; */
	background: url(Dashboard/Images/ViewReport.png);
	width: 16px;
	height: 16px;
	display: inline-block;
}


.pp-img-icon-createlead
{
    background: url(images/Common/CreateLead.png);
	background-repeat:no-repeat;
	width: 16px;
	height: 20px;
	cursor: pointer;
}



.icon-addOpportunity
{
    background: url(images/Common/icon-add-opportunity.png);
       background-repeat:no-repeat;
       width: 16px;
       height: 20px;
       cursor: pointer;
}


.icon-won
{
    background: url(images/Common/icon-mark-as-won-16.png);
       background-repeat:no-repeat;
       width: 16px;
       height: 20px;
       cursor: pointer;
}

.icon-reject
{
    background: url(images/Common/icon-mark-as-lost-16.png);
       background-repeat:no-repeat;
       width: 16px;
       height: 20px;
       cursor: pointer;
}

/*Added for more communication details*/

.anchorStylepp
{
      text-decoration:underline;
}

.auto-width
{
    width:auto !important;
}

/*Added for Generic Request color coding*/

.greenTask{
    font-weight: bold;
   
    color: green;
}
.blueTask{
     font-weight: bold;
   
    color: cornflowerblue;
}


/* Custom Error styles */

.error-message  {     width: 100%;
    background: #688898;
    height: 100%;
    overflow: hidden;}

.error-message  div{
    background: url(Images/Common/error-icon.png);
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    height: auto;
    color: #fff;
    font-family: arial;
    font-size: 12px;
    text-align: center;
    line-height: 20px; 
    padding-top: 35px;
    margin-top: 20px;
    }


/* Custom Error styles */