/* CSS Document */
/* {
	margin:0;
	padding:0;
}*/
html, body
{
    height: 100%;
    width: 100%; /*background:#f3f3f3;*/
    background: url(../images/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: 97%;
    padding: 0.4%;
}
/*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: 95.7%;
}

.pp INPUT[type='button']
{
    border: none;
}
.pp INPUT[type='checkbox']
{
    width: 10px;
    height: 10px;
}
.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/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: 3px;
}
.pp-cont-box-left
{
}
.tab
{
    bottom: 0;
    margin-bottom: 0px;
    background: url(../images/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/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: #005399;
    text-decoration: none;
}
.pp-cont-box-left .pp-db-mdl a:hover, a:focus, a:active
{
    color: #333;
    text-decoration: none;
}
/**********ie8-style-starts-here**************/

.ie8 .corner-left-top
{
    background: url(../images/sprite.png);
    background-position: -330px -133px;
    width: 7px;
    height: 30px;
}
.ie8 .corner-right-top
{
    background: url(../images/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/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/rounded-crnr-right.png) right repeat-y #00498F;
}
.pp .pp-content .top
{
    background: url(../images/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-right
{
    float: right;
}
.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
{
    width: 100%;
}
.pp-width-74px
{
    width: 74px;
}
.pp-width-95px
{
    width: 95px;
}
.pp-width-122px
{
    width: 122px;
}
.pp-width-140px
{
    width: 140px;
}
.pp-width-150px
{
    width: 150px;
}
.pp-width-193px
{
    width: 193px;
}
.pp-width-183px
{
    width: 183px;
}
.ie8 .pp-width-183px
{
    width: 190px;
}
.pp-width-210px
{
    width: 210px;
}
.pp-width-250px
{
    width: 250px;
}
.pp-width-285
{
    width: 285px;
}
.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-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;
}




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


.pp-height
{
    height: 100%;
}
.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/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/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/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/pp-srch-lt.png) no-repeat;
}
.ie8 .pp-srch-rt
{
    background: url(../images/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/sprite.png);
    width: 16px;
    height: 16px;
}

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


.pp-img-logo
{
    background-position: -109px 0;
    height: 50px;
    margin-top: 10px;
    width: 190px;
}

.pp-img-stripe
{
    background-position: -198px -182px;
    height: 60px;
    line-height: 20px;
    width: 320px;
}

.pp-login-logo
{
    background: url(../images/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/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: -63px -34px;
    height: 20px;
    width: 22px;
}
.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;
    height: 20px;
    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;
}







/***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;
}






/***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/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: 2px 1px 2px 8px;
}
.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;
}

.visited-txt
{
    color: black;
}




/******************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/rounded-crnr-white-repeat.png) repeat-x;
    width: 786px;
    height: 29px;
}
.ie8 .widget-footer-lt
{
    background: url(../images/rounded-crnr-white-bleft.png) no-repeat;
    height: 29px;
    width: 13px;
}
.ie8 .widget-footer-mdl
{
    background: url(../images/rounded-crnr-white-repeat.png) repeat;
    height: 28px;
}
.ie8 .widget-footer-rt
{
    background: url(../images/rounded-crnr-white-brght.png) no-repeat right top;
    height: 29px;
    width: 18px;
}
.ie8 .widget-rt
{
    background: url(../images/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/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;
}
.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/rounded-crnr-tm.png) repeat-x bottom #DFECF4;
}
.ie8 .pp-db-top
{
    background: url(../images/rounded-crnr-tm.png) repeat-x top #DFECF4;
}
.pp-db-top, .tab
{
    background: background:url(../images/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/rounded-crnr-tl.png);
    height: 37px;
    width: 14px;
}
.pp-db-tr
{
    background: none;
    height: 37px;
    width: 0px;
}
.ie8 .pp-db-tr
{
    background: url(../images/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/rounded-crnr-right.png) bottom repeat-y right #fff;
    padding: 10px 20px 10px 10px;
}
.pp-db-mdl .status
{
    width: 100%;
    color: #06F;
    padding: 2px;
}

.pp-db-btm
{
    background: none;
    padding-bottom: 20px;
}
.ie8 .pp-db-btm
{
    background: url(../images/rounded-crnr-bm.png) repeat-x top;
    height: 27px;
    padding-bottom: 20px;
}
.pp-db-btmlt
{
    background: none;
}
.ie8 .pp-db-btmlt
{
    background: url(../images/rounded-crnr-bl.png) no-repeat top;
    height: 26px;
    width: 20px;
}
.pp-db-btmrt
{
    background: none;
}
.ie8 .pp-db-btmrt
{
    background: url(../images/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/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;
}

.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: #F30;
}
.pp-star
{
    color: #F30;
}

.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/pp-orng-btn.png) no-repeat;
}
.pp-button-active:hover, .pp-button-active:focus
{
    color: #fff;
    background: url(../images/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/pp-gry-btn.png) no-repeat;
}

.pp-button-gray:hover, .pp-button-gray:focus
{
    color: #fff;
    background: url(../images/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/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;
}


/* ********* 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;
}

.sub-cont-color
{
    color: #666;
}

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

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

.pp-progressimage
{
    z-index: 10011;
    text-align: center;
    font-size: larger;
    filter: none;
    opacity: none;
    color: Red;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20%;
}

/***********************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-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-26
{
    width: 26%;
}
.pp-width-28
{
    width: 28%;
}
.pp-width-30
{
    width: 30%;
}
.pp-width-32
{
    width: 32%;
}
.pp-width-33
{
    width: 33%;
}
.pp-width-35
{
    width: 35%;
}
.pp-width-40
{
    width: 40%;
}
.pp-width-45
{
    width: 45%;
}
.pp-width-48
{
    width: 48%;
}
.pp-width-50
{
    width: 50%;
}
.pp-width-60
{
    width: 60%;
}
.pp-width-70
{
    width: 70%;
}
.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%;
}


/**********************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-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;
}


/************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;
}


/*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: 154px;
}

.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/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/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/orange_hover.png);
    width: 138px;
    background-repeat: no-repeat;
}
.orng_btn-L div
{
    height: 15px;
    vertical-align: middle;
}
/*Ash Button Large*/
.ash_btn-L, input.ash_btn-L
{
    vertical-align: middle;
    background: url(../images/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/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/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/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: bold;
    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: bold;
    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: bold;
    text-align: center;
    vertical-align: middle;
}
.ash_btn-M div
{
    color: #000;
    font-size: 12px;
    font-weight: bold;
    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: 73px;
    height: 18px;
    border: 0;
    color: #000;
    font-size: 9px;
    font-weight: bold;
    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: 73px;
    height: 18px;
    background-repeat: no-repeat;
}
.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: bold;
    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: bold;
    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: bold;
    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: bold;
    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;
}
#ftr
{
    height: 35px;
    background: url(../images/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;
}
.pp-navPane
{
    width: auto !important;
}

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


.rqrd-flds
{
    /*  border: solid 1px #8C9FBD;     background-color:#efeb9c;      */
    background: url(../images/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;
}

u a:link
{
    text-decoration: none;
    color: #00F;
}
u a:hover
{
    color: #00F;
    text-decoration: underline;
}