/*	Version : PCMS_V2.0
	Project Name : StreamLine
	Copyright (C) 2016-2017 Petro IT Ltd. All rights reserved.
    Date Created: 03/01/2017
	Created By Santosh Kumar
*/


body {
    text-align: center;
    background: #EFEFED;
    font-family: tahoma,verdana,Sans-Serif;
    font-size: 10px;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
    text-align: center;
}

body, html {
    outline: none;
}

* {
    font-family: Verdana, Tahoma, Sans-Serif;
    font-size: 11px;
    outline: none;
}

.planProgress {
    background-image: url(../../Images/dot1.gif);
    background-color: Green;
    background-repeat: repeat-x;
    background-position: bottom;
}

.planProgressBlank {
    background-image: url(../../Images/dot1.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.ActualProgress {
    background-color: Blue;
}

.Msg {
    color: #A1A1A1;
    font-family: Arial;
    font-size: 14px;
}



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

.rightAlign {
    text-align: right;
    float: right;
}

#progressBackgroundFilter {
    top: 0px;
    left: 0px;
    position: absolute;
    height: expression(document.body.clientHeight + "px");
    width: expression(document.body.clientWidth + "px");
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=30);
    opacity: 0.3;
    z-index: 1000;
}
/*========== Header Portion  (  header/Project Name)=======*/
.ProHeader {
}

.header { /*background:#F0EEEF;
	background-image:url(Images/header04.jpg);
	 background-repeat:repeat-x;
	 background-position:top;
  border:solid 2px #ccc;*/
    max-height: 105px;
    margin: 0px;
}


/*===============Segment Portion================*/


.ProTitle {
    font-family: Verdana, Tahoma;
    font-size: 12px;
    color: #4A4A49;
    text-align: left;
    height: 20px;
    font-weight: bold;
}

.ProDetail {
    font-family: Verdana, Tahoma, Sans-Serif;
    font-size: 12px;
    color: #282828;
}

/*=================Ajax Control hacks=========================*/

.ajax__tab_header {
}

.ajax__tab_tab {
    font-family: verdana,tahoma,helvetica;
    font-size: 10px !important;
    background: red;
    height: 21px !important;
    background: #fff;
}


/*========== SiteMap Portion  (  header/Project Name)=======*/
.DivMain {
    clear: both;
    padding-top: 1px;
    text-align: center;
    min-height: 350px;
}

.WaitCursor, .DivLoadingMsg {
    vertical-align: middle;
    text-align: center;
    position: absolute;
    right: 40%;
    /*padding:20px;*/
    top: 45%;
    border: solid 1px #ccc;
    background: #fff;
}


.clientLogo {
    float: left;
    background: url(Images/ClientLogo.png) no-repeat center left;
    width: 150px;
    height: 60px;
    margin-left: 10px;
    text-align: left;
    vertical-align: bottom;
}

.CompanyLogoL {
    float: left;
    background-position: center right;
    width: 180px;
    height: 70px;
    background: url(Images/Client_Logo.gif) no-repeat center left;
    /*
background-image:url(Images/Petro_LogoL.gif);
background-repeat:no-repeat;*/
    margin-left: 0;
    text-align: left;
    vertical-align: bottom;
    /* border:solid 1px #ccc;*/
}

.companyLogo {
    float: right;
    background-position: center right;
    width: 120px;
    height: 60px;
    background-image: url(Images/Petro_Logo1.gif);
    background-repeat: no-repeat;
    margin-left: 0;
    text-align: left;
    vertical-align: bottom;
}

.CompanyLogo2 {
    background-image: url(Images/Petro_Logo1.gif);
    background-repeat: no-repeat;
    background-position: right 15%;
    vertical-align: top;
    margin-right: 0;
    text-align: right;
}

#new {
}

.news {
    width: 400px;
    color: #0A87B6;
    font-size: 9px;
    font-weight: bold;
    float: left;
}


/*Updated css by santoshk*/
.welUser {
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
    clear: both;
    position: absolute;
    top: 0;
    right: 24px;
    padding-right: 50px;
}

    .welUser:after {
        clear: both;
    }

.header-top-wrapper {
    background: #e6e7e9;
    color: #fff;
    padding: 15px 5px;
}

    .header-top-wrapper::before, .header-top-wrapper::after {
        clear: both;
    }

.clear-both {
    clear: both;
}

hr {
    background: url(Images/line.gif) repeat-x;
    background-position: top;
}

.navSec {
    /*background:url(Images/Nav04.gif) repeat-x;*/
    background-position: top center;
    width: 100%;
    clear: both;
    height: 32px;
    line-height: 32px;
    background-color: #184788;
    border-bottom: solid 1px white;
    border-top: solid 1px white;
}
/*========= Commented By Hari Prasad 11th aug 2012=========================*/
/*.navSec tbody tr td td
{
	 display:block;
}*/
/*========= End By Hari Prasad 11th aug 2012=========================*/

.SiteMap {
    padding-left: 1px;
    /*background:url(Images/Untitled-1_04.gif) repeat-x;*/
    background: #F1F1F1;
    background-position: center;
}

.SiteMapPath {
    font-family: Verdana Arial Helvetica sans-serif;
    font-size: 9px;
    color: #3BB2F0;
}

.PathS {
    font-family: Verdana Arial Helvetica sans-serif;
    font-size: 10px;
    color: #333;
    padding: 0 2px 0 2px;
}

.currentNode {
    color: #707070;
    font-weight: bold;
}

/*------------ Menu----------------*/
.MenuS {
    background-color: Red;
    width: 8px;
    height: 32px;
    float: left;
}

.MenuE {
    background-color: Red;
    width: 8px;
    height: 32px;
    float: right;
}

.menuHover {
    color: #0580D6;
    padding: 4px;
}

.menuActive {
    color: #0580D6;
}
/*---------Menu-------------*/

/*------ Tree Menu-------*/

.tree {
    text-align: left;
    font-family: Tahoma Verdana;
    font-size: 12px;
    color: #0027b7;
}

    .tree table {
        border-bottom: solid 1px #EBEAE9 !important;
        border-collapse: collapse;
    }

        .tree table tr {
        }

.treehover, TreeNode:hover {
    color: #000 !important;
    text-decoration: none !important;
    font-weight: normal !important;
}

.treeselected {
    color: #fff;
    background: #41a6e4;
    font-weight: normal;
}

.treeMain {
    background-color: #CACACA;
    font-weight: bold;
}

.PNodeStyle {
    font-family: Tahoma, Verdana;
    font-size: 12px;
    color: #0027b7;
    padding-left: 2px;
    width: 100px;
    font-weight: bold;
}

.HNodeStyle {
    text-decoration: underline;
    width: 100%;
    color: White;
}

.SNodeStyle {
    color: #EC8000;
}

.NodeStyle {
    color: #0027b7;
    font-family: Tahoma Verdana;
    font-weight: normal;
    font-size: 12px;
    width: 100%;
}

/*-----end tree menu----*/



/*  New Base Project CSS   */

#menuWraper {
    position: absolute;
}

#divMenu {
    position: absolute;
    width: 5px;
    float: left;
    height: 500px;
    background-color: #F1F1F1;
    border: solid 1px #ccc;
}

#divMenu1 {
    width: 5px;
    float: left;
    height: 300px;
    background-color: #F1F1F1;
    border: solid 1px #ccc;
}

#slide {
    width: 15px;
    float: left;
    height: 300px;
}

#divContent {
    width: 978px;
    float: right;
    padding-right: 7px;
    background-color: #F1F1F1;
    /*border:solid 1px #ccc;
padding-left:8px;
*/
}

.MenuBg {
    background: #EBF5FF;
    border: solid 1px #78AAFF;
}

.quick {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 12;
}

    .quick:hover #QuickLinks {
        display: block !important;
    }

#quickLinkTrigger {
    padding: 0px 5px 0 5px;
    margin: 0;
    cursor: pointer;
    border-left: 1px solid #ccc;
    line-height: 30px;
    padding: 0 10px;
    display: block !important;
}

    #quickLinkTrigger:hover {
        background: #012a6a;
        color: #fff;
    }

#QuickLinks {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 200px;
    position: absolute;
    right: 0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    background: #fff;
    top: 30px;
}

    #QuickLinks .lblNormal {
        font-weight: normal;
        font-size: 12px;
    }

    #QuickLinks li {
        display: block;
        padding: 2px 5px;
        border-bottom: 1px solid #eee;
        color: #000;
    }

        #QuickLinks li:hover {
            background: #eee;
            color: #012a6a;
            cursor: pointer;
        }

        #QuickLinks li img, #QuickLinks li input[type=image] {
            vertical-align: middle;
            width: 20px;
            height: 20px;
            margin-right: 5px;
        }

        #QuickLinks li a {
            text-decoration: none;
        }

        #QuickLinks li.logout {
            padding: 0;
            margin: 0;
        }

            #QuickLinks li.logout img, #QuickLinks li.logout input[type=image] {
                width: 100%;
                height: auto;
            }

.Welcome {
    font-family: OCR A Std, Tahoma;
    font-size: 9px;
}

.project-base-link {
    display: inline-block !important;
    vertical-align: top;
}


/*==========Content Portion for Report search\result=======*/

.ContentArea {
    /*width:1003px;
	border:solid 1px #41C3FF;
    margin-left:-5px;*/
    padding-left: 0px;
    background-color: white;
    /*padding-left:5px;*/
}

.ContentAreaL {
    width: 970px;
    height: 465px;
    /*border:solid 1px #41C3FF;*/
    margin: 0px;
    /*background-color:#ECE9E5;
	  background-color:white;*/
}


.Segment {
    background-color: White;
}

.TextDetail {
    padding-left: 40px;
    padding-right: 20px;
    padding-top: 20px;
    font-family: Verdana;
    font-size: 11px;
    text-align: justify;
    width: 640px;
    white-space: normal;
    color: #161616;
}

.IMS {
    /*border: solid 1px #c1c1c1;/*#4CB3EE; background-color: #EAF7FE;*/
    text-align: left;
    height: auto;
    display: block;
    vertical-align: top;
}

/*-----------------Seagment Css-----------*/
.Career {
    width: 685px;
    height: 200px;
}



/*-----------------End Seagment Css-----------*/


.Rel {
    position: absolute;
    width: 200px;
    height: 450px;
}

.login {
    /* background-color:#F7F6F6;*/
    border: none 1px #D8D5D5;
    padding-top: 170px;
    vertical-align: top;
    height: 180px;
    padding-right: 0px;
    padding-left: 35px;
    /* background-image:url(Images/bglogin.gif);
     background-repeat:repeat-x;*/
}

#loginSection {
    position: absolute;
    top: 300px;
    right: 36px;
}

.contentTable {
    position: absolute;
    top: 165px;
}

.loginSection {
    padding-top: 150px;
}


.loginTable {
    /*
	 right:100px;
	 top:80px;
	 border:solid 1px #D8D5D5;*/
    font-size: 11px;
    height: 140px;
    margin-top: 40px;
    /*background-color:White;*/
}

.LD {
    text-align: center;
    width: 280px;
    font-family: tahoma;
    font-size: 13px;
    width: 100%;
    font-weight: bold;
    /*border:solid 1px white; background-image:url(Images/header04.jpg);
	background-repeat:no-repeat;background-position:right;
	background-color:#2a3a48;
*/ color: #046683;
    height: 20px;
}

.LogD {
    width: 100px;
    font-family: tahoma;
    font-size: 12px;
    color: #93b0dc;
    text-align: right;
    padding-left: 20px;
}

.tabMargin {
    margin-top: 0px;
    border: 0px;
}

.detail {
    font-family: arial;
    font-size: 13px;
    color: #048FB2;
    font-weight: bold;
}

    .detail ul li {
        height: auto;
        font-family: arial;
        font-size: 13px;
        color: #048FB2;
        color: #048FB2;
        padding: 10px;
        padding: 2px;
        font-weight: bold;
        line-height: 14px;
    }

.marqueeBar {
    background-color: #F3F3F1;
    border: solid 1px #cccccc;
    padding: 5px;
    margin-top: 100px;
    vertical-align: middle;
}

.LogoBox {
    background: #FCFBF9;
    width: 120px;
    height: 70px;
    border: solid 1px #ccc;
    padding: 5px;
    margin: 10px;
}


/*=================Report Layout===============*/

.layoutReport {
    border: solid 1px #ccc;
    width: 820px;
    height: 400px;
    overflow: auto;
}

.ControlArea {
    background: white url() repeat-x top;
    border: solid 1px #DADCDD;
    margin: 2px;
    font-family: Verdana;
    font-size: 11px;
    height: inherit;
    height: 200px;
}

.SearchControls {
    background: white url(Images/graygra.gif) repeat-x top;
    width: 85%;
    float: left;
    border: solid 1px #DADCDD;
    margin: 5px 2px 2px 5px;
}

.ButtonControls {
    background: white url(Images/graygra.gif) repeat-x top;
    width: 15%;
    float: left;
    border: solid 1px #DADCDD;
    margin: 5px 2px 2px 5px;
}








/*=============== Internal Design ===========*/




.SearchArea {
    /* background:#F1F1F1;*/
    /* border:solid 1px #ccc;*/
}







/*=========== Control  Styles==============*/

/* default button  */
/*.softBtn {
    background: url(Images/btn1.gif) repeat-x;
    border: solid 1px #0197F7;
    width:70px;
    font: bold 12px verdana, tahoma;
    height: 22px;
    line-height: 18px;
    padding-bottom: 5px;
    vertical-align: top;
    color: #3D3D3D;
    text-shadow: 0px 1px 1px #868686;
}*/

.softBtn, .buttonPrintR {
    transition: all 0.5s ease;
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-weight: bold;
}

.softBtn {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}

    .softBtn:hover {
        background-color: #245e8f;
        border-color: #357ebd;
    }

.buttonPrintR:hover {
    background-color: #eee;
    border-color: #8A9DB2;
}
/* default label  */
.lblNormal {
    font-family: tahoma;
    font-size: 10.5px;
    color: black;
    font-weight: 600;
}

/* DropDownList  normal  */



/*   Text Box Normal   */





/*-----------Construction  Div--------------*/

.cc_03 {
    background-image: url(Images/12_03.gif);
    background-repeat: no-repeat;
    height: 17px;
    width: 5px;
    background-position: left;
}

.cc_04 {
    width: 950px;
    background-image: url(Images/12_04.gif);
    background-repeat: repeat-x;
}

.cc_07 {
    background-image: url(Images/12_08.gif);
    background-repeat: no-repeat;
    background-position: right top;
    height: 17px;
    width: 5px;
}

.ConHead {
    text-align: left;
    float: left;
    background-image: url(Images/12_05_1.gif);
    background-repeat: no-repeat;
    background-position: left;
    font-family: Verdana Tahoma Sans-Serif;
    width: 175px;
    height: 17px;
    padding-left: 15px;
    line-height: 20px;
    color: #00aab9;
    text-decoration: none;
}

a .ConHead {
    background-image: url(Images/12_05_1.gif);
    background-repeat: no-repeat;
    background-position: left;
    font-family: Verdana Tahoma Sans-Serif;
    width: 175px;
    height: 17px;
    padding-left: 15px;
    line-height: 20px;
    color: #00aab9;
    text-decoration: none;
    cursor: hand;
}

.ConHead {
    background-image: url(Images/12_05_1.gif);
    background-repeat: no-repeat;
    background-position: left;
    font-family: Verdana Tahoma Sans-Serif;
    width: 175px;
    height: 17px;
    padding-left: 15px;
    line-height: 20px;
    color: #00aab9;
    text-decoration: none;
    cursor: hand;
}


.ConControl {
    text-align: left;
    padding: 0px 5px;
    border: solid 1px #ccc;
    border-top-width: 0px;
}



.rGlance {
    font-family: Verdana;
    font-size: 10px;
    color: #5D710D;
}

.rGlance {
    font-family: Verdana;
    font-size: 10px;
    color: #5D710D;
}

    .rGlance a {
        font-family: Verdana;
        font-size: 10px;
        color: #5D710D;
    }

/*=========== Footer  Portion==============*/

.footer, .footerCopyright {
    font-family: tahoma;
    font-size: 9px;
    text-align: center;
    padding: 4px;
    /*background-color: #F4F2EB;*/
}














/*=====================Old Classes=================*/


.txtStyle {
    font-family: Verdana;
    font-size: 10px;
    background-color: red;
    border: solid 1px #90b9f9;
    width: 150px;
    height: 25px;
}

.txtStyle2 {
    font-family: Verdana;
    font-size: 11px;
    background-color: #fff;
    border: solid 1px #90b9f9;
    width: 100px;
    height: 15px;
}

.txtStyle3 {
    font-family: Verdana;
    font-size: 11px;
    background-color: #fff;
    border: solid 1px #90b9f9;
    width: 50px;
    height: 15px;
}

html, body {
    scrollbar-face-color: #EBF5FF;
    scrollbar-base-color: #EBF5FF;
    scrollbar-arrow-color: #000;
    scrollbar-track-color: #F3F3F3;
    scrollbar-shadow-color: #EBF5FF;
    scrollbar-highlight-color: #EBF5FF;
    scrollbar-3dlight-color: #78AAFF;
    scrollbar-darkshadow-color: #78AAFF;
}

.ScrollArea {
    width: 600px;
    height: 400px;
    overflow: auto;
    text-decoration: none;
    color: #834135;
}

.marqueeTopBg {
    width: 455px;
    height: 30px;
    background-image: url(Images/marqueeTopBg.gif);
    background-repeat: no-repeat;
}

.detailTable {
    padding-top: 16px;
    border-top: 0;
    border-left: #040d63 0 solid;
    border-bottom: #040d63 0 solid;
    border-right: #040d63 0 solid;
    height: 400px;
    width: 100%;
}

.rotatorBor {
    background-color: #fff;
    width: 450px;
    border-color: #045fe5;
    border-style: dotted;
    border-width: .1em;
}



.LayoutTable2 {
    border-right: #A6DBFA 1px solid;
    border-left: #A6DBFA 1px solid;
    border-bottom: #A6DBFA 1px solid;
    margin-left: 0;
    vertical-align: top;
    text-align: center;
    width: 980px;
    margin-top: 0;
}

.footerCopyright {
    color: Green;
    text-align: center;
}

.divFooter {
    color: #989898;
    padding-left: 0;
    font-size: 9px;
}

.MenuN {
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    text-decoration: none;
    border: solid 1px #FFF;
    height: 20px;
    line-height: 20px;
    padding: 2px 5px;
}

    .MenuN:Hover {
        font-family: Verdana;
        font-size: 11px;
        color: #FFF;
        background-color: #095C8B;
        height: 20px;
        line-height: 20px;
        text-decoration: none;
    }

.HomeDefault {
    background-color: #FFF;
    /*background-image:url(Images/map.gif);
background-repeat:no-repeat;
background-position:right;
 float:right;*/
    margin: auto;
    width: 98%;
}



.DisplayT {
    padding: 3px 5px;
}

.panalLeftMargin {
    font-family: verdana;
    font-size: 12px;
    color: Red;
}

.CairnTitle {
    font-family: Arial;
    text-align: left;
    font-size: 14px;
    color: #fff;
    padding: 5px;
}

.lblSimple {
    font-family: Tahoma;
    font-size: 11px;
    color: black;
}

.PtitTitle {
    font-family: Arial;
    text-align: left;
    font-size: 14px;
    color: #fff;
    padding: 5px;
}

.BB_03 {
    width: 0%;
}

.BB_04 {
    width: 100%;
    background: #4c7cbd;
}

.BB_07 {
    width: 0%;
}

.BB_09 {
}

.BB_12 {
}

.BB_15 {
}

.BB_16 {
}

.BB_17 {
}

.ExpandedDPR {
    position: absolute;
    padding-left: 10px;
    visibility: hidden;
    background-image: url(Images/menuBg.gif);
    background-repeat: no-repeat;
    width: 120px;
    height: 100px;
}

.LoadingProgress {
    background-color: Transparent;
    font-size: 11px;
    font-family: Verdana,arial;
    font-weight: 700;
    color: Maroon;
}

#processMessage {
    position: absolute;
    top: 48%;
    left: 43%;
    height: 10px;
    padding: 20px;
    z-index: 1001;
    background-color: #fff;
    border: solid 1px #000;
}


.Welcome {
    font-family: tahoma;
    font-size: 11px;
    font-weight: 700;
    color: #323232;
}

.HeadingDiv {
    font-family: Arial #000;
    font-size: 24px;
    padding-top: 0;
    text-align: center;
    vertical-align: top;
}

.Theme {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: 700;
    color: #323232;
}

.ReportMainTableColor {
    border: 0 solid #338CEA;
    background-color: #F6F6F6;
    font-family: Verdana;
    font-size: 11px;
}


.headlabel {
    padding: 2px;
    font-family: helvetica;
    font-size: 14px;
    color: #1F6B7F;
    font-weight: 700;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

#ShTable {
    padding: 2px;
    margin: 2px;
}

.HeaderBorder, .headerborder {
    margin: 0 2px;
}

.headlabeltext {
    background-image: url(Images/Cubes.gif);
    background-repeat: no-repeat;
    background-position: left -1px;
    padding-left: 15px;
    font-family: Helvetica, Verdana, Sans-Serif;
    font-size: 12px;
    color: #184788;
    font-weight: 700;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.controlsTable {
    border: 1px solid #b6beca;
    background-color: #e0e5ed;
    width: 100%;
    text-decoration: none;
    text-align: left;
    vertical-align: top;
    padding: 3px 0px 2px 3px;
    border-spacing: 3px !important;
}

.WhiteLabel {
    font-family: verdana;
    font-size: 11px;
    color: white;
    font-weight: bold;
}

.label {
    font-family: Tahoma;
    font-size: 10.5px;
    font-weight: 700;
    color: #000;
    vertical-align: middle;
}

.label1 {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: 400;
    color: #000;
}

.HyperLink {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: 700;
}

.ReportHeaderLabel {
    color: #A1A1A1;
    font-family: Arial;
    font-size: 14px;
}

.ReportHeaderLabel1 {
    font-family: Verdana;
    font-size: 11px;
    font-weight: 700;
}

.Div1 {
    background-color: #aaa9a7;
    vertical-align: top;
    height: 18px;
    overflow: hidden;
    padding-left: 0;
    font-family: Verdana;
    font-size: 8px;
    color: #FFF;
    font-weight: 700;
    text-decoration: none;
    text-align: left;
}

.HomeFrame {
    width: 980px;
    height: 640px;
    background-color: #efefed;
}

.spanConstructionDetail {
    font-family: tahoma;
    font-size: 11px;
    vertical-align: top;
    color: #FFF;
    font-weight: 700;
}

.tdReportType {
    font-family: tahoma;
    font-size: 11px;
    vertical-align: top;
    border-left: solid 1px #000;
    padding-top: 1px;
    padding-left: 10px;
}

.tdReport {
    border-left: solid 1px #000;
    padding-left: 10px;
    font-family: tahoma;
    font-size: 11px;
    color: #FFF;
    font-weight: 700;
}


.DivActivitySearch {
    background-color: #aaa9a7;
    height: 17px;
    overflow: hidden;
    padding-left: 4px;
}

.imgActivitySearch {
    padding-top: 2px;
    padding-bottom: 2px;
}

.spanActivitySearch {
    padding-left: 5px;
    font-family: tahoma;
    font-size: 11px;
    color: #FFF;
    font-weight: 700;
    text-decoration: none;
    vertical-align: top;
    padding-bottom: 5px;
}


.txtboxLarge {
    font-family: Tahoma;
    font-size: 11px;
    background-color: #fff;
    border: solid 1px #90b9f9;
    width: 239px;
}

.ListboxNormal {
    font-family: Tahoma;
    font-size: 11px;
    background-color: #fff;
    border: solid 1px #90b9f9;
    z-index: 1000;
}

.txtboxCalender {
    font-family: Tahoma;
    font-size: 11px;
    background-color: #fff;
    border: solid 1px #90b9f9;
    width: 110px;
}

.GridTd {
    margin-top: 5px;
    /*position:relative*/
}


.calendar {
    z-index: 100;
}

.ajax__calendar_container {
    z-index: 1000;
    border: solid 1px #ccc;
    background-color: #FFF;
}

.errormsg {
    font-family: Tahoma;
    font-size: 9px;
    font-weight: 700;
    color: Red;
}

.DivForOptional {
    background-color: #aaa9a7;
    height: 17px;
    overflow: hidden;
    padding-left: 4px;
    width: 760px;
}

.Div2ForOptional {
    display: none;
    background-color: #F8F8F8;
    width: 784px;
    z-index: 20;
    border: solid 1px #CDCBCB;
}

.ReportingGlance {
    color: blue;
    text-decoration: underline;
    cursor: hand;
    font-size: 11px;
}

.button2 {
    background-color: #efeeee;
    background-image: url(Images/buttonG.gif);
    background-repeat: repeat-x;
    border: 0;
    height: 25px;
    width: 66px;
    font-family: Verdana;
    color: #0a1015;
}

.Loginbutton {
    background-color: #efeeee;
    background-image: url(Images/button.gif);
    background-repeat: repeat-x;
    border: 0;
    height: 25px;
    width: 66px;
    font-family: Verdana;
    color: #0a1015;
}

.buttonRed {
    background-color: #efeeee;
    background-image: url(Images/buttonR.gif);
    background-repeat: no-repeat;
    border: 0;
    height: 25px;
    width: 66px;
    font-family: Verdana;
    color: #000;
}

.buttonGreen {
    background-color: #efeeee;
    background-image: url(Images/buttonGreen.gif);
    background-repeat: no-repeat;
    border: 0;
    height: 25px;
    width: 66px;
    font-family: Verdana;
    color: #000;
}

.ConstructionFrame {
    background-color: #F6F6F6;
    border: 1px solid #B1B0B0;
    width: 100%;
    height: 290px;
    margin-top: 2px;
}

.bodyColor {
    background-color: #F3F4F5;
    background-image: none;
    margin: 0;
}

.popupBody {
    background-color: #F6F6F6;
    background-image: none;
    color: #000;
    text-align: center;
    font-family: Verdana;
    font-size: 11px;
    margin: 0;
}

.ReportResultTableBGColor {
    background-color: #F6F6F6;
    border: 1px solid #B1B0B0;
    width: 100%;
    height: 225px;
    margin-top: 2px;
}

.buttonPrint {
    background: url(Images/btn1.gif) repeat-x;
    border: solid 1px #0197F7;
    text-align: center;
    width: 105px;
    font: bold 12px verdana, tahoma;
    height: 22px;
    line-height: 18px;
    padding-bottom: 5px;
    vertical-align: top;
    color: #3D3D3D;
    margin-right: 10px !important;
    text-shadow: 0px 1px 1px #868686;
}

.buttonPrintR {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.buttonPrintRight {
    background: url(Images/btn1.gif) repeat-x;
    border: solid 1px #0197F7;
    text-align: center;
    width: 105px;
    font: bold 12px verdana, tahoma;
    height: 22px;
    line-height: 18px;
    padding-bottom: 5px;
    vertical-align: top;
    color: #3D3D3D;
    margin-right: 0px !important;
    text-shadow: 0px 1px 1px #868686;
}

.DivReportGrid {
    width: 945px;
    height: 210px;
    overflow: scroll;
}

.divpager {
    width: 940px;
}

.GridFixedHeaderReport {
    position: relative;
    top: expression(this.offsetParent.scrollTop - 1);
    background-color: #FFF;
    background-position: top;
    font-family: Tahoma;
    font-size: 10px;
    font-weight: 700;
    color: #000;
    text-align: center;
    border: solid 1px #ccc;
    /*
background-image:url(Images/headerBg.gif);
background-repeat:repeat-x;*/
    height: 25px;
}

    .GridFixedHeaderReport th {
        padding: 0px 5px;
        position: relative;
        top: expression(this.offsetParent.scrollTop - 1);
        background-color: #FFF;
        background-position: top;
        font-family: Tahoma;
        font-size: 10px;
        font-weight: 700;
        color: #000;
        text-align: center;
        border: solid 1px #848383;
        border-right-width: 0px;
        height: 25px;
    }



.GridFixedHeader th a {
    text-decoration: none;
    color: Red;
}

.GridFooter {
    width: 100%;
}

.GridFooTable {
    vertical-align: bottom;
    margin-top: 280px;
    background-color: #E9D1E7;
}


.txtboxSmall {
    font-family: Tahoma;
    text-align: right;
    font-size: 11px;
    background-color: #fff;
    border: solid 1px #90b9f9;
    width: 35px;
}

.RadtabStrip {
    color: #000;
    height: 1px;
    background-color: #E1F1FB;
    border-color: Green;
    border-width: thin;
}

.Radtab {
    color: #000;
    background-color: #E1F1FB;
    height: 2px;
    border-color: Gray;
    border-width: 0;
}

.RadMultiPage {
    background-color: #E1F1FB;
    border-color: Gray;
    border-width: 1px;
}

.RadPageView {
    background-color: #E1F1FB;
    border-width: 0;
}

.layoutTableGrid2 {
    padding-top: 10px;
    padding-right: 1px;
    padding-left: 1px;
    vertical-align: top;
    width: 100%;
}

.tblSplRptFrame {
    vertical-align: top;
    width: 100%;
    padding: 0;
}

.divAutoHide {
    height: 245px;
    width: 930px;
    overflow-x: auto;
    overflow-y: hidden;
}

.PageCount {
    font-size: 11px;
    font-family: Verdana;
    font-weight: 700;
}

.ForExcel {
    border-color: #000;
    border-width: 1px;
}

.ForPDF {
    border-color: #000;
    border-style: solid;
    border-width: 1px;
}

.ReportMainTableColor1 {
    border: 1px solid #B2B1B1;
    background-color: #F6F6F6;
    font-family: Verdana;
}



.txtHiddenDate {
    font-family: Tahoma;
    font-size: 11px;
    border: solid 1px #F6F6F6;
    width: 100px;
    height: 20px;
    background-color: #F6F6F6;
    color: #F6F6F6;
}

.ReportingActivitytitle {
    font-family: Arial;
    font-size: 16px;
    color: #1F6B7F;
    font-weight: 700;
    text-align: center;
    vertical-align: top;
}

.ReportGrid {
    height: 335px;
    overflow: scroll;
}

.GridrowStyle {
    background-color: #f8f8f8;
    height: 18px;
    text-align: left;
    font-size: 10px;
    font-family: Verdana;
    color: black;
    border: solid 1px #ccc;
}

.GridAlternate {
    text-align: left;
}

.layoutTableTop {
    vertical-align: top;
    width: 100%;
    text-align: center;
    margin: 0% 1%;
    /*border: solid 1px #ccc;*/
    float: left;
    margin: auto;
}

.layoutTableTop1 {
    vertical-align: top;
    padding-right: 0;
    padding-bottom: 0;
    width: 100%;
}

.trValidation {
    background-color: #F6F6F6;
    white-space: nowrap;
    text-align: left;
}

.layoutSpecialReport {
    padding: 2px 2px 0 2px;
    vertical-align: top;
    text-align: left;
    width: 700px;
    /*border:solid 1px #ccc;*/
}

.Hlink {
    color: Red;
}

    .Hlink.formlink_NotPreview {
        color: black;
        cursor: pointer;
    }
    .Hlink.formlink_Preview {
        color: #18488F;
        cursor:pointer;
    }

.DropDownLarge {
    font-family: Verdana, Tahoma, Sans-Serif;
    font-size: 11px;
    color: #000;
    background-color: #fff;
    width: 130px;
    border: solid 1px #90b9f9;
}

    .DropDownLarge * {
        font-family: Verdana, Tahoma, Sans-Serif !important;
        font-size: 11px;
    }


.DropDownMedium {
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    background-color: #fff;
    border: solid 1px #90b9f9;
}

.DropDownDefault {
    font-family: Verdana;
    font-size: 11px;
    background-color: #fff;
    border: solid 1px #90b9f9;
    overflow: scroll;
}

.DropDownSmall {
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    background-color: #fff;
    width: 50px;
    border: solid 1px #90b9f9;
}

.tdValidationOption {
    background-color: #aaa9a7;
    font-size: 11px;
    font-weight: 700;
    padding-left: 5px;
    color: #FFF;
    text-align: left;
}

.iframeSpecial {
    height: 425px;
    width: 955px;
    overflow: auto;
}

.AllPending {
    background-color: #e8f0fc;
}

.AllMissing {
    background-color: #d1e2fc;
}

.AllDateConflict {
    background-color: #c3d9fc;
}

.tr2 {
    background-color: #d3d3d3;
}

.tr3 {
    background-color: #dcdcdc;
}

.layoutTableG {
    padding-top: 0;
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: top;
    background-color: #ececec;
    width: 100%;
}

.layoutTableG1 {
    vertical-align: top;
    background-color: #F6F6F6;
    width: 100%;
    padding: 0;
}

.divMonitor {
    border: 1px solid #66A8B3;
    /*background-color:red;*/
    background-color: #F7FBFC;
    width: 980px;
    height: 485px;
    overflow: auto;
    text-align: left;
    padding-left: 5px;
    padding-top: 3px;
}

.MointorHeaderTable {
    background-color: #3c9;
}

.FreezeLEFT {
    padding-right: 0;
    padding-left: 0;
    position: relative;
    left: expression(this.offsetParent.scrollLeft-1);
    width: 300px;
    background-color: #e3ecfb;
}

.FreezeTOP {
    padding-top: 0;
    position: relative;
    top: expression(this.offsetParent.scrollTop-1);
    background-color: #e3ecfb;
    z-index: 200;
}

.divScroll {
    overflow: auto;
    height: 485px;
    width: 980px;
}

.ForPrinter {
    cursor: hand;
    border: solid 1px;
    border-color: #000;
}

.BodyReportMail {
    margin: 0;
}

.body3 {
    color: #000;
    background-color: #d0d0d0;
    scrollbar-face-color: 87px;
    scrollbar-arrow-color: 1.96E+98px;
    scrollbar-track-color: d4e6fc;
    scrollbar-shadow-color: cfe6f8;
    scrollbar-highlight-color: cfe6f8;
    scrollbar-3dlight-color: cfe6f8;
    scrollbar-darkshadow-color: b4daf8;
}

.layoutTableS {
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: top;
    border-bottom: Solid 1px #a4a3a3;
    padding-bottom: 5px;
    width: 100%;
}

.layoutTableS1 {
    vertical-align: top;
    border-bottom: Solid 1px #a4a3a3;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    background-color: #F6F6F6;
}



.SiteMapPath {
    color: #000;
    font-family: Verdana;
    font-size: 11px;
}




.menuItem:Hover {
    color: #0580D6;
}

.staticMenuItem {
    background-image: url(Images/GreenBg.gif);
    background-repeat: repeat-x;
    border: solid 0 #000;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: 700;
    color: #FFF;
    padding: 5px 6px 6px 5px;
}



.dmenuHover {
    color: blue;
}

.dynamicMenuItem {
    font-family: Tahoma;
    font-size: 12px;
    border: silid 1px #000;
    background-color: #8DC0EB;
    height: 22px;
    color: #000;
    padding: 2px 4px;
}

.dynamicMenu {
    border: Solid 1px #000;
}

.mandatory {
    font-family: Arial;
    font-size: 11px;
    color: Red;
}

.ChkOption {
    font-size: 11px;
    white-space: nowrap;
}

.hr {
    border: 0 solid #B2B1B1;
    width: 100%;
}

.skin0 {
    position: absolute;
    width: 150px;
    border: 1px solid #000;
    background-color: menu;
    font-family: Verdana;
    font-weight: 700;
    color: Blue;
    line-height: 20px;
    cursor: default;
    font-size: 10px;
    z-index: 100;
    visibility: hidden;
}

div#rolltipDiv {
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 220px;
    font-size: 11px;
    background-color: #dee7f7;
    border: 1px solid #336;
    border-color: #000;
    border-style: solid;
    border-width: thin;
    padding: 0;
}

.menuitems {
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #000;
}

.menuitemsClose {
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #000;
    background-color: #666;
    border-bottom-style: solid;
}

.tdButtonPrint {
    width: 35%;
    padding-right: 1px;
    padding-top: 2px;
}

.active {
    overflow: auto;
}

.inactive {
    overflow: hidden;
}

.divPipeSearch {
    position: absolute;
    right: 50px;
    top: 10px;
    filter: alpha(opacity=200);
    opacity: .75;
    z-index: 1;
    height: 600px;
    left: 5px;
    width: 990px;
}

.divPipeSearch_1 {
    position: absolute;
    right: 400px;
    top: 185px;
    filter: alpha(opacity=200);
    opacity: .75;
    z-index: 1;
}


.HtmlDropDown {
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    background-color: #f8f9f9;
    border: solid 1px #03598f;
    z-index: 100;
}

.PipeBook1 {
    background-color: #CCDAF1;
    font-size: 11px;
}

.PipeBook2 {
    background-color: #B8CEF1;
    font-size: 11px;
}

.PipeBook3 {
    background-color: #A9BFE2;
    font-size: 11px;
}

.PipeBook4 {
    background-color: #92B7F2;
    font-size: 11px;
}

.CellEdge {
    border-right: 1px inset;
}

.divXRayChart {
    height: 380px;
    width: 990px;
    overflow-x: auto;
    overflow-y: auto;
}

.trGrid {
    background-color: #FFF;
    color: Red;
    font-weight: 700;
    height: 25px;
    font-size: 11px;
    font-family: Verdana;
}

.tblLegend {
    background-color: #FFF;
    border-color: #000;
    border-style: outset;
    border-width: 1px;
}

.tdtooltip {
    text-align: center;
    font-size: 11px;
    font-family: Verdana;
}

.trtooltip {
    font-weight: 700;
    background-color: #C3C3C3;
    font-family: Verdana;
    font-size: 11px;
}

.tbltooltip {
    text-align: left;
    width: 230px;
}

.PrintViewTitle {
    text-align: center;
    font-weight: 700;
    font-size: 11px;
    font-family: Verdana;
}

.Legend {
    text-align: left;
    font-family: Verdana;
    font-size: 11px;
    white-space: nowrap;
}

.Total_lightGray {
    background-color: #D3D3D3;
}

.Total_Gray {
    background-color: #F1F2F4;
}

.GridForeColor {
    color: Green;
}

.tblHeader {
    background-color: #A4A3A3;
    color: #FFF;
    text-align: left;
}

.HomeImage {
    background-image: url(Images/home.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.GridFixedFooter {
    position: relative;
    bottom: expression(getScrollBottom(this.offsetParent));
    background-color: Gray;
    font-family: Tahoma;
    font-size: 10px;
    font-weight: 700;
    color: #000;
    height: 15px;
    border: solid 1px #FFF;
}

.GridFixedFooter1 {
    background-color: Gray;
    font-family: Tahoma;
    font-size: 10px;
    font-weight: 700;
    color: #000;
    height: 15px;
    border: solid 1px #FFF;
}

.ProgressFooter {
    background-color: Gray;
    font-size: 12px;
}

.DivPipeHistory {
    width: 978px;
    border: solid 1px #8A9DB2;
    height: 200px;
    vertical-align: middle;
    overflow: auto;
}

.TreeNode {
    text-align: left;
    font-family: verdana,tahoma;
    font-size: 11px;
    padding-left: 5px;
    margin-right: 5px;
    line-height: 15px;
    width: 100%;
    white-space: nowrap;
    color: #0027b7;
}

.LeafNode {
    text-align: left;
    font-family: verdana,tahoma;
    font-size: 11px;
    width: 100%;
    padding: 0 0 0 0;
    color: #0027b7;
}

.treeBorder {
    width: 100%;
    border: solid 1px #ccc;
    background: #F5F4F3;
}

.treeHolder {
    height: 460px;
    overflow: auto;
    z-index: 1;
    position: absolute;
    width: 300px;
    top: 0px;
    left: 0px;
    border: none;
    background-color: #f5f4f3;
}

#pp1 {
    height: 500px;
    width: 12px;
}

.Ifm1 {
    background-color: #F5F4F3;
}

#ifm1 {
    background-color: #F5F4F3;
}

.rootnode {
    text-align: left;
    width: auto;
    font-family: verdana,tahoma;
    font-size: 11px;
    line-height: 15px;
    padding: 0 0 0 4px;
    width: 100%;
}

.parentNode {
    text-align: left;
    font-family: verdana,tahoma;
    font-size: 11px;
}



.Document {
    border: 1px solid #66A8B3;
    background-color: #F7FBFC;
    width: 590px;
    height: 422px;
    overflow: auto;
    text-align: left;
    padding-left: 5px;
    padding-top: 3px;
}

.treeDiv {
    border: 1px solid #66A8B3;
    background-color: #F8F8F8;
    width: 340px;
    height: 425px;
    overflow: auto;
}

.btnSearch {
    cursor: hand;
}

.GVFixedHeader {
    font-size: 10px;
    position: relative;
    top: expression(this.parentNode.parentNode.parentNode.scrollTop-1);
}

.GVFixedFooter {
    position: relative;
    bottom: expression(getScrollBottom(this.parentNode.parentNode.parentNode.parentNode));
}

.GridEditColumnHeader {
    color: #011125;
    font-size: 10px;
    font-family: Verdana;
}

.DocumentGrid {
    font-size: 11px;
    font-family: Verdana;
    color: #333;
}

.DocGridFooter {
    background-color: #507CD1;
    color: #FFF;
    font-weight: 700;
}

.DocGridRow {
    background-color: #EFF3FB;
}

.DocGridEditRow {
    background-color: #2461BF;
}

.DocGridSelectedRow {
    background-color: #D1DDF1;
    color: #333;
    font-weight: 700;
}

.DocGridPagerFixedFooter {
    position: relative;
    top: expression(this.offsetParent.scrollTop - 1);
    background-color: #2461BF;
    color: #FFF;
}

.DocGridHeaderFixed {
    font-size: 10px;
    position: relative;
    top: expression(this.offsetParent.scrollTop - 1);
    background-color: #507CD1;
    font-weight: 700;
    color: #FFF;
}

.DocGridAlternatingRow {
    background-color: #FFF;
}

.tdDispatch {
    border: 1px solid #B2B1B1;
    font-family: Verdana;
    font-weight: 700;
    font-size: 11px;
    background-color: #F8F8F8;
}

.divDispatch {
    border: solid 1px #8A9DB2;
    background-color: #B3C0CD;
    height: 18px;
    vertical-align: middle;
}

.txtMultiline {
    background-color: #fff;
    border: solid 1px #90b9f9;
    width: 100px;
}



.Panel legend {
    font-family: Tahoma;
    font-size: 13.5px;
    font-weight: 700;
    color: Blue;
}

.Tbox {
    height: 14px;
    font-family: verdana;
    font-size: 11px;
    color: #000;
    width: 60px;
}

.chkBox {
    font-family: Verdana;
    color: #000;
    font-size: 10px;
}

.Buttonlist {
    font-family: Verdana;
    font-size: 12px;
    color: #000;
}

.ConRButtonlist {
    font-family: Verdana;
    font-size: 12px;
    color: black;
}


    .ConRButtonlist input {
        width: 30px;
        height: 30px;
        vertical-align: middle;
        text-align: right;
    }
        /* #ctl00_ContentPlaceHolder1_rbBox_1,#ctl00_ContentPlaceHolder1_rbBox_0
    {
		 background-color:Green;
		 margin-left:30px;
		padding:0 10px 0 60px;
        height:30px;
        vertical-align:middle;
        background-image:url(Images/gra.gif);
	 background-repeat:no-repeat;
    }
    
*/
        .ConRButtonlist input[value^="PROGRESSREPORT"] {
            margin-left: 30px;
            height: 30px;
            vertical-align: middle;
            background-image: url(Images/gra.gif);
            background-repeat: no-repeat;
        }





.DivForWelcome, .DivForTheme {
    text-align: left;
    width: 190px;
    padding-left: 5px;
    white-space: normal;
}

.label2, .HPheader {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: 700;
    color: #000;
}

.HeadingCollapse, .tr1 {
}

.td1, .td2 {
    border: solid 1px #ccc;
}

.GridFixedHeader a:link, .GridFixedHeader a:visited {
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    background-position: top;
    font-family: Tahoma;
    font-size: 10px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
}

.divPrint, .divProgressChart {
    position: absolute;
    background-color: Red;
    top: 0;
    bottom: 800px;
    left: 900px;
    text-align: left;
}

.GridDetails {
    font-size: 11px;
    font-family: Verdana;
    border-collapse: collapse;
    width: 100% !important;
}

    .GridDetails td table td {
        border: none !important;
        padding: 0;
    }

.zindex-increase {
    z-index: 15;
}

.linkbutton, .grdRowStyle {
    font-size: 11px;
    font-family: Verdana;
}

.GridFixedHeader th table .lblNormal {
    color: #fff !important;
}

.ajax__dropdown_arrow_wrapper {
    top: 3px !important;
}

.ajax__dropdown_arrow {
    background: transparent !important;
}

.custom-grid-wrapper {
}
/*.custom-grid-wrapper .GridBox {overflow:auto!important;}*/

.NoRecord {
    font-size: 11px;
}

.Login1 {
    font-family: Verdana;
    font-size: 12px;
    color: #1891FF;
    text-align: justify;
    width: 600px;
    white-space: normal;
}

.Login2 {
    font-family: Verdana;
    font-size: 11px;
}
/* ------------------------ALL NEW -----------------------*/


.topHeader {
    background-image: url(Images/HeadImages.jpg);
    background-repeat: no-repeat;
    height: 98;
}


.dot {
    padding-left: 20px;
    list-style: square;
    list-style-type: circle;
}


.LoginHeader {
    font-family: Arial;
    font-weight: bold;
    font-size: 15px;
    color: #691A05;
    padding-left: 10px;
}

.LoginText {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    font-family: Verdana;
    font-size: 12px;
    color: #F18F26;
    text-align: justify;
    width: 710px;
    white-space: normal;
}

.SiteMapPath {
    color: black;
    font-family: Verdana;
    font-size: 11px;
}



/* --------------------------End New Added -------------------------*/


.Htitle {
    font-family: Arial;
    font-size: 14px;
    color: #055A91;
}

.Htext {
    font-family: Verdana;
    font-size: 12px;
    color: #1891FF;
    width: 900px;
}

.PBookHeaderActivity {
    font-family: Tahoma;
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    height: 22px;
}

.PBookHeaderColumn {
    font-family: Tahoma;
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    height: 22px;
    width: 100px;
}

/*----------------------- Landing Page ----------------------*/


.TdDivContainer {
    vertical-align: top;
    background-color: white;
}

.aText {
    font-size: 8pt;
    font-family: Tahoma, Arial, Verdana;
    text-decoration: none;
    color: #117ABA;
}

    .aText:hover {
        font-size: 8pt;
        font-family: Tahoma, Arial, Verdana;
        text-decoration: none;
        color: #575757;
    }
/*----------------------- End Landing Psge Style---------------*/
.Right {
    font-family: Webdings;
    font-size: 16px;
    color: Green;
}

.Wrong {
    font-family: Webdings;
    font-size: 12px;
    color: Red;
    font-weight: bold;
}

.LinkBtnChkAll {
    font-size: 10px;
    margin-top: 7px;
    height: 0px;
}

.fixedHeight {
    min-height: 360px;
}

._fixedHeight {
    min-height: 360px;
}

/*
.HomeDefault {
background-color:#FFF;
background-position:right;
width:990px;
height:420px;
min-height:420px;

}
*/

_.HomeDefault {
    height: 100%;
}

.ChkOption tr td {
    font-size: 11px;
    white-space: nowrap;
    width: 270px;
}


/*---------------Pipe Reconcillation Reports---------*/

.PipeReReportheader {
    border: solid 1px white;
    text-align: center;
    width: 90px;
    border-collapse: collapse;
}

    .PipeReReportheader td {
    }

.PipeReActivityReport {
    border: solid 1px white;
    border-collapse: collapse;
    text-align: center;
    height: 24px;
}

.PipeRe {
    border-collapse: collapse;
    border: none;
}

.PipeReAct {
    border-collapse: collapse;
}

.WPLabel {
    vertical-align: top;
    /*border:solid 1px #ccc ; 
	background-color:#e1e1e1 ;*/
    padding-top: 5px;
}

.WPerformanceTable {
    border: solid 5px #ccc !important;
    /*background-color:Yellow;*/
}

.dotGrid {
    background-image: url(Images/wpbg.gif);
    background-repeat: repeat;
}

.imgReject {
    /*background-image:url(Images/WprogRed.gif);*/
}

.imgAccept {
    /*background-image:url(Images/WprogGreen.gif);*/
}

.imgTotal {
    /*background-image:url(Images/WprogYellow.gif);*/
}

.ChartA {
    background-color: #ddeeaa;
    padding: 4px;
    border: solid 1px green;
}

.ChartB {
    background-color: #ddeeaa;
    padding: 4px;
    border: solid 1px green;
}

ChartC {
    background-color: #ddeeaa;
    padding: 4px;
    border: solid 1px green;
}

DivCom {
    height: 22px;
    border: solid 1px #ccc;
    vertical-align: bottom;
}

.divBV {
    width: 915px;
    height: 545px;
    overflow: scroll;
    border-top: solid 4px #ccc;
}

.WPFreezeWelder {
    /*background-image:url(Images/retro.png);*/
    background-repeat: repeat;
    background-color: #e1e1e1;
    padding-left: 3px;
    vertical-align: top;
    position: relative;
    left: expression(document.getElementById('divWPProgress').scrollLeft-1);
}

.optionalPro {
    color: white;
    padding: 2px;
}

.OpeProject {
    position: absolute;
    top: -49px;
    float: right;
    right: 16px;
    display: none;
}


#ProScope {
    width: 1008px;
    border: solid 1px #DAD9D9;
    margin: 0px auto;
    background-color: white;
    /*background-image: url(Images/login5.jpg);
    background-repeat: no-repeat;
    overflow:hidden; commented by Hari*/
    position: relative;
}

#ProScopeB {
    width: 999px;
    border: solid 1px #CCC;
    margin: 0px auto;
    background-color: white;
}

.layout {
    width: 100%;
}

#divTable {
    width: 870px !important;
}

.planProgress {
    background-image: url(../../Images/dot1.gif);
    background-color: Green;
    background-repeat: repeat-x;
    background-position: bottom;
}

.planProgressBlank {
    background-image: url(../../Images/dot1.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.ActualProgress {
    background-color: Blue;
}

.Msg {
    color: #A1A1A1;
    font-family: Arial;
    font-size: 14px;
}

#outerLook {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    /*background-image: url(Images/login51.jpg);*/
    background-repeat: no-repeat;
    background-color: White;
    background-position: 0% -2%;
    /*border-bottom:solid  1px #ccc;*/
}

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

.rightAlign {
    text-align: right;
    float: right;
}

#progressBackgroundFilter {
    top: 0px;
    left: 0px;
    position: absolute;
    height: expression(document.body.clientHeight + "px");
    width: expression(document.body.clientWidth + "px");
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=30);
    opacity: 0.3;
    z-index: 1000;
}
/*========== Header Portion  (  header/Project Name)=======*/
.ProHeader {
}


/*===============Segment Portion================*/


.ProTitle {
    font-family: Verdana, Tahoma;
    font-size: 12px;
    color: #4A4A49;
    text-align: left;
    height: 20px;
    font-weight: bold;
}

.ProDetail {
    font-family: Verdana, Tahoma, Sans-Serif;
    font-size: 12px;
    color: #282828;
}

/*=================Ajax Control hacks=========================*/

.ajax__tab_header {
}

.ajax__tab_tab {
    font-family: verdana,tahoma,helvetica;
    font-size: 10px !important;
    background: red;
    height: 21px !important;
    background: #fff;
}


/*========== SiteMap Portion  (  header/Project Name)=======
.DivMain
{
	
	clear:both; 
	 padding-top:1px;
	text-align:left;
	
	
} */
.WaitCursor, .DivLoadingMsg {
    vertical-align: middle;
    text-align: center;
    position: absolute;
    right: 40%;
    /*padding:20px;*/
    top: 45%;
    border: solid 1px #ccc;
    background: #fff;
}

.projectname, .ProjectName, .ProjectName1 {
    font-family: Arial Black;
    width: 660px;
    font-size: 20px;
    height: 21px;
    line-height: 21px;
    padding-left: 5px;
    color: #2e2e2e;
    float: left;
    text-align: left;
    padding-top: 6px;
    /*background:url(Images/proName.gif) no-repeat center;*/
}

.ProjectName1 {
    padding-top: 10px;
}

.projectnameL {
    font-family: Arial Black;
    width: 770px;
    font-size: 24px;
    height: 50px;
    color: black;
    float: left;
    text-align: left;
    padding-left: -100px;
    /*background:url(Images/proName.gif) no-repeat center;*/
}

.CompanyLogoR {
    background-image: url(Images/ClientLogo.png);
    background-repeat: no-repeat;
    background-position: 0% 15%;
    margin-left: 0;
    text-align: left;
    vertical-align: bottom;
    width: 60Px !important;
    height: 30px;
}



#new {
}

.news {
    width: 400px;
    color: #0A87B6;
    font-size: 9px;
    font-weight: bold;
    float: left;
}

/*.welUser {
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    vertical-align: middle;
    text-align: left;
}*/

hr {
    background: url(Images/line.gif) repeat-x;
    background-position: top;
}

.olL {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px !important;
    font-weight: normal !important;
    color: #444444;
    margin-left: 0px;
    list-style-type: none;
}

    .olL li {
        font-family: verdana;
        font-size: 11px !important;
        font-weight: normal !important;
        margin-left: 0px;
    }

.SiteMap {
    padding-left: 1px;
    /*background:url(Images/Untitled-1_04.gif) repeat-x;*/
    background: #F1F1F1;
    background-position: center;
    display: none !important;
}

.SiteMapPath {
    font-family: Verdana Arial Helvetica sans-serif;
    font-size: 9px;
    color: #3BB2F0;
}

.PathS {
    font-family: Verdana Arial Helvetica sans-serif;
    font-size: 10px;
    color: #333;
    padding: 0 2px 0 2px;
}

.currentNode {
    color: #707070;
    font-weight: bold;
}

/*------------ Menu----------------*/
.MenuS {
    background-color: Red;
    width: 8px;
    height: 32px;
    float: left;
}

.MenuE {
    background-color: Red;
    width: 8px;
    height: 32px;
    float: right;
}

.menuHover {
    color: #0580D6;
    padding: 4px;
}




/*  New Base Project CSS   */

/*#menuWraper {
    position: absolute;
}

#divMenu {
    position: absolute;
    width: 5px;
    float: left;
    height: 500px;
    background-color: #F1F1F1;
    border: solid 1px #ccc;
}

#divMenu1 {
    width: 5px;
    float: left;
    height: 300px;
    background-color: #F1F1F1;
    border: solid 1px #ccc;
}

#slide {
    width: 15px;
    float: left;
    height: 300px;
}

#divContent {
    width: 978px;
    float: right;
    padding-right: 7px;
    background-color: #F1F1F1;
    /*border:solid 1px #ccc;
padding-left:8px;

}

.MenuBg {
    background: #EBF5FF;
    border: solid 1px #78AAFF;
}

.quick {
    position: relative;
    float: right;
}

#QuickLinks {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 150px;
}

    #QuickLinks li {
        float: left;
    }

.Welcome {
    font-family: OCR A Std, Tahoma;
    font-size: 9px;
}*/



/*==========Content Portion for Report search\result=======*/

.ContentAreaL {
    width: 970px;
    height: 465px;
    /*border:solid 1px #41C3FF;*/
    margin: 0px;
    /*background-color:#ECE9E5;
	  background-color:white;*/
}


.Segment {
    background-color: White;
}

.TextDetail {
    padding-left: 40px;
    padding-right: 20px;
    padding-top: 20px;
    font-family: Verdana;
    font-size: 11px;
    text-align: justify;
    width: 640px;
    white-space: normal;
    color: #161616;
}

.IMS {
    /*border: solid 1px #c1c1c1;/*#4CB3EE; background-color: #EAF7FE;*/
    text-align: left;
    height: auto;
    display: block;
    vertical-align: top;
}

/*-----------------Seagment Css-----------*/
.Career {
    width: 685px;
    height: 200px;
}



/*-----------------End Seagment Css-----------*/

.Rel {
    position: absolute;
    width: 200px;
    height: 450px;
}

.LD {
    text-align: center;
    width: 280px;
    font-family: tahoma;
    font-size: 13px;
    width: 100%;
    font-weight: bold;
    /*border:solid 1px white; background-image:url(Images/header04.jpg);
	background-repeat:no-repeat;background-position:right;
	background-color:#2a3a48;
*/ color: #046683;
    height: 20px;
}

.LogD {
    width: 100px;
    font-family: tahoma;
    font-size: 12px;
    color: #93b0dc;
    text-align: right;
    padding-left: 20px;
}

.tabMargin {
    margin-top: 0px;
    border: 0px;
}

.detail {
    font-family: arial;
    font-size: 13px;
    color: #048FB2;
    font-weight: bold;
}

    .detail ul li {
        height: auto;
        font-family: arial;
        font-size: 13px;
        color: #048FB2;
        color: #048FB2;
        padding: 10px;
        padding: 2px;
        font-weight: bold;
        line-height: 14px;
    }

.marqueeBar {
    background-color: #F3F3F1;
    border: solid 1px #cccccc;
    padding: 5px;
    margin-top: 100px;
    vertical-align: middle;
}

.LogoBox {
    background: #FCFBF9;
    width: 120px;
    height: 70px;
    border: solid 1px #ccc;
    padding: 5px;
    margin: 10px;
}


/*=================Report Layout===============*/

.layoutReport {
    border: solid 1px #ccc;
    width: 820px;
    height: 400px;
    overflow: auto;
}

.ControlArea {
    background: white url() repeat-x top;
    border: solid 1px #DADCDD;
    margin: 2px;
    font-family: Verdana;
    font-size: 11px;
    height: inherit;
    height: 200px;
}

.SearchControls {
    background: white url(Images/graygra.gif) repeat-x top;
    width: 85%;
    float: left;
    border: solid 1px #DADCDD;
    margin: 5px 2px 2px 5px;
}

.ButtonControls {
    background: white url(Images/graygra.gif) repeat-x top;
    width: 12%;
    float: left;
    border: solid 1px #DADCDD;
    margin: 5px 2px 2px 5px;
}








/*=============== Internal Design ===========*/




.SearchArea {
    /* background:#F1F1F1;*/
    /* border:solid 1px #ccc;*/
}

/*=========== Control  Styles==============*/

/* default button  */



.Bbutton {
    display: block;
    width: 100%;
    color: rgb(85, 85, 85);
    background-color: rgb(255, 255, 255);
    background-image: none;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset;
    padding: 4px 12px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-sizing: border-box;
}


.txtboxNormal, .txtboxCalender {
    width: 100%;
    color: rgb(85, 85, 85);
    background-color: rgb(255, 255, 255);
    background-image: none;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset;
    padding: 6px 12px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-sizing: border-box;
}

.txtboxNormaldate {
    width: 95%;
    color: rgb(85, 85, 85);
    background-color: rgb(255, 255, 255);
    background-image: none;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset;
    padding: 6px 12px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-sizing: border-box;
}
/*-----------Construction  Div--------------*/

.cc_03 {
    background-image: url(Images/12_03.gif);
    background-repeat: no-repeat;
    height: 17px;
    width: 5px;
    background-position: left;
}

.cc_04 {
    width: 950px;
    background-image: url(Images/12_04.gif);
    background-repeat: repeat-x;
}

.cc_07 {
    background-image: url(Images/12_08.gif);
    background-repeat: no-repeat;
    background-position: right top;
    height: 17px;
    width: 5px;
}

.ConHead {
    text-align: left;
    float: left;
    background-image: url(Images/12_05_1.gif);
    background-repeat: no-repeat;
    background-position: left;
    font-family: Verdana Tahoma Sans-Serif;
    width: 175px;
    height: 17px;
    padding-left: 15px;
    line-height: 20px;
    color: #00aab9;
    text-decoration: none;
}

a .ConHead {
    background-image: url(Images/12_05_1.gif);
    background-repeat: no-repeat;
    background-position: left;
    font-family: Verdana Tahoma Sans-Serif;
    width: 175px;
    height: 17px;
    padding-left: 15px;
    line-height: 20px;
    color: #00aab9;
    text-decoration: none;
    cursor: hand;
}

.ConHead {
    background-image: url(Images/12_05_1.gif);
    background-repeat: no-repeat;
    background-position: left;
    font-family: Verdana Tahoma Sans-Serif;
    width: 175px;
    height: 17px;
    padding-left: 15px;
    line-height: 20px;
    color: #00aab9;
    text-decoration: none;
    cursor: hand;
}


.ConControl {
    text-align: left;
    padding: 0px 5px;
    border: solid 1px #ccc;
    border-top-width: 0px;
}



.rGlance {
    font-family: Verdana;
    font-size: 10px;
    color: #5D710D;
}

.rGlance {
    font-family: Verdana;
    font-size: 10px;
    color: #5D710D;
}

    .rGlance a {
        font-family: Verdana;
        font-size: 10px;
        color: #5D710D;
    }

/*=========== Footer  Portion==============*/

.footer, .footerCopyright {
    width: 100%;
    font-family: tahoma;
    font-size: 9px;
    text-align: center;
    padding: 4px;
    /*background-color: #F4F2EB;*/
}














/*=====================Old Classes=================*/


.txtStyle {
    font-family: Verdana;
    font-size: 10px;
    background-color: red;
    border: solid 1px #90b9f9;
    width: 150px;
    height: 25px;
}

.txtStyle2 {
    font-family: Verdana;
    font-size: 11px;
    background-color: #fff;
    border: solid 1px #90b9f9;
    width: 100px;
    height: 15px;
}

.txtStyle3 {
    font-family: Verdana;
    font-size: 11px;
    background-color: #fff;
    border: solid 1px #90b9f9;
    width: 50px;
    height: 15px;
}

html, body {
    scrollbar-face-color: #EBF5FF;
    scrollbar-base-color: #EBF5FF;
    scrollbar-arrow-color: #000;
    scrollbar-track-color: #F3F3F3;
    scrollbar-shadow-color: #EBF5FF;
    scrollbar-highlight-color: #EBF5FF;
    scrollbar-3dlight-color: #78AAFF;
    scrollbar-darkshadow-color: #78AAFF;
}

.ScrollArea {
    width: 600px;
    height: 400px;
    overflow: auto;
    text-decoration: none;
    color: #834135;
}

.marqueeTopBg {
    width: 455px;
    height: 30px;
    background-image: url(Images/marqueeTopBg.gif);
    background-repeat: no-repeat;
}

.detailTable {
    padding-top: 16px;
    border-top: 0;
    border-left: #040d63 0 solid;
    border-bottom: #040d63 0 solid;
    border-right: #040d63 0 solid;
    height: 400px;
    width: 100%;
}

.rotatorBor {
    background-color: #fff;
    width: 450px;
    border-color: #045fe5;
    border-style: dotted;
    border-width: .1em;
}



.LayoutTable2 {
    border-right: #A6DBFA 1px solid;
    border-left: #A6DBFA 1px solid;
    border-bottom: #A6DBFA 1px solid;
    margin-left: 0;
    vertical-align: top;
    text-align: center;
    width: 980px;
    margin-top: 0;
}



.MenuN {
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    text-decoration: none;
    border: solid 1px #FFF;
    height: 20px;
    line-height: 20px;
    padding: 2px 5px;
}

    .MenuN:Hover {
        font-family: Verdana;
        font-size: 11px;
        color: #FFF;
        background-color: #095C8B;
        height: 20px;
        line-height: 20px;
        text-decoration: none;
    }



.DisplayT {
    padding: 3px 5px;
}

.panalLeftMargin {
    font-family: verdana;
    font-size: 12px;
    color: Red;
}

.InputBox {
    border: solid 1px red;
}

.ProjectSummary {
    border: solid 0 #ccc;
    font-family: verdana;
    font-size: 11px;
    font-weight: 600;
    padding: 5px;
    color: #444444;
}

    .ProjectSummary * {
        border: solid 0 #ccc;
        font-family: verdana;
        font-size: 11px;
        font-weight: 600;
        padding: 5px;
    }




.lblSimple {
    font-family: Tahoma;
    font-size: 11px;
    color: black;
}


.ExpandedDPR {
    position: absolute;
    padding-left: 10px;
    visibility: hidden;
    background-image: url(Images/menuBg.gif);
    background-repeat: no-repeat;
    width: 120px;
    height: 100px;
}

.LoadingProgress {
    background-color: Transparent;
    font-size: 11px;
    font-family: Verdana,arial;
    font-weight: 700;
    color: Maroon;
}

#processMessage {
    position: absolute;
    top: 48%;
    left: 43%;
    height: 10px;
    padding: 20px;
    z-index: 1001;
    background-color: #fff;
    border: solid 1px #000;
}


.Welcome {
    font-family: tahoma;
    font-size: 11px;
    font-weight: 700;
    color: #323232;
}

.HeadingDiv {
    font-family: Arial #000;
    font-size: 24px;
    padding-top: 0;
    text-align: center;
    vertical-align: top;
}

.Theme {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: 700;
    color: #323232;
}

.ReportMainTableColor {
    border: 0 solid #338CEA;
    background-color: #F6F6F6;
    font-family: Verdana;
    font-size: 11px;
}

.ReportSearchTableBGColor {
    /*border: solid 1px #F1F1F1;*/
    width: 100%;
    border-spacing: 3px;
    margin-left: 1px;
}

.headlabel {
    padding: 2px;
    font-family: helvetica;
    font-size: 14px;
    color: #1F6B7F;
    font-weight: 700;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

#ShTable {
    padding: 2px;
    margin: 2px;
}

.WhiteLabel {
    font-family: verdana;
    font-size: 11px;
    color: white;
    font-weight: bold;
}

.label {
    font-family: Tahoma;
    font-size: 10.5px;
    font-weight: 700;
    color: #000;
    vertical-align: middle;
}

.label1 {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: 400;
    color: #000;
}

.HyperLink {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: 700;
}

.ReportHeaderLabel {
    color: #A1A1A1;
    font-family: Arial;
    font-size: 14px;
}

.ReportHeaderLabel1 {
    font-family: Verdana;
    font-size: 11px;
    font-weight: 700;
}

.Div1 {
    background-color: #aaa9a7;
    vertical-align: top;
    height: 18px;
    overflow: hidden;
    padding-left: 0;
    font-family: Verdana;
    font-size: 8px;
    color: #FFF;
    font-weight: 700;
    text-decoration: none;
    text-align: left;
}

.HomeFrame {
    width: 980px;
    height: 640px;
    background-color: #efefed;
}

.spanConstructionDetail {
    font-family: tahoma;
    font-size: 11px;
    vertical-align: top;
    color: #FFF;
    font-weight: 700;
}

.tdReportType {
    font-family: tahoma;
    font-size: 11px;
    vertical-align: top;
    border-left: solid 1px #000;
    padding-top: 1px;
    padding-left: 10px;
}

.tdReport {
    border-left: solid 1px #000;
    padding-left: 10px;
    font-family: tahoma;
    font-size: 11px;
    color: #FFF;
    font-weight: 700;
}

/*.dropdownNormal {
font-family:Verdana;
font-size:11px;
background-color:#fff;
border:solid 1px #90b9f9;
width:125px;
overflow:scroll;
}*/
.dropdownNormal {
    width: 100%;
    color: rgb(85, 85, 85);
    background-color: rgb(255, 255, 255);
    background-image: none;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: auto;
}

#divLoadingMsg, #UpdateProgressMain {
}

#ctl00_ContentPlaceHolder1_UpdateProgressMain {
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
    vertical-align: top;
}

.dropdownNormal:focus {
    border: 1px solid #0962a2;
}

.DivActivitySearch {
    background-color: #aaa9a7;
    height: 17px;
    overflow: hidden;
    padding-left: 4px;
}

.imgActivitySearch {
    padding-top: 2px;
    padding-bottom: 2px;
}

.spanActivitySearch {
    padding-left: 5px;
    font-family: tahoma;
    font-size: 11px;
    color: #FFF;
    font-weight: 700;
    text-decoration: none;
    vertical-align: top;
    padding-bottom: 5px;
}


.txtboxLarge {
    font-family: Tahoma;
    font-size: 11px;
    background-color: #fff;
    border: solid 1px #90b9f9;
    width: 239px;
}

.ListboxNormal {
    font-family: Tahoma;
    font-size: 11px;
    background-color: #fff;
    border: solid 1px #90b9f9;
    z-index: 1000;
}

.txtboxCalender {
    font-family: Tahoma;
    font-size: 11px;
    background-color: #fff;
    border: solid 1px #90b9f9;
    width: 110px;
}

.GridTd {
    margin-top: 5px;
}

.GridBox {
    height: 402px;
    /*width: 950px;
    overflow: auto;*/
    /*padding: 5px;*/
    box-sizing: border-box;
    border: 1px solid #ddd;
    /*margin-top:5px;*/
    background: #fff;
    margin-right: 2px;
}

.calendar {
    z-index: 100;
}

.ajax__calendar_container {
    z-index: 1000;
    border: solid 1px #ccc;
    background-color: #FFF;
}

.errormsg {
    font-family: Tahoma;
    font-size: 9px;
    font-weight: 700;
    color: Red;
}

.DivForOptional {
    background-color: #aaa9a7;
    height: 17px;
    overflow: hidden;
    padding-left: 4px;
    width: 760px;
}

.Div2ForOptional {
    display: none;
    background-color: #F8F8F8;
    width: 784px;
    z-index: 20;
    border: solid 1px #CDCBCB;
}

.ReportingGlance {
    color: blue;
    text-decoration: underline;
    cursor: hand;
    font-size: 11px;
}

.button2 {
    background-color: #efeeee;
    background-image: url(Images/buttonG.gif);
    background-repeat: repeat-x;
    border: 0;
    height: 25px;
    width: 66px;
    font-family: Verdana;
    color: #0a1015;
}

.Loginbutton {
    background-color: #efeeee;
    background-image: url(Images/button.gif);
    background-repeat: repeat-x;
    border: 0;
    height: 25px;
    width: 66px;
    font-family: Verdana;
    color: #0a1015;
}

.buttonRed {
    background-color: #efeeee;
    background-image: url(Images/buttonR.gif);
    background-repeat: no-repeat;
    border: 0;
    height: 25px;
    width: 66px;
    font-family: Verdana;
    color: #000;
}

.buttonGreen {
    background-color: #efeeee;
    background-image: url(Images/buttonGreen.gif);
    background-repeat: no-repeat;
    border: 0;
    height: 25px;
    width: 66px;
    font-family: Verdana;
    color: #000;
}

.ConstructionFrame {
    background-color: #F6F6F6;
    border: 1px solid #B1B0B0;
    width: 100%;
    height: 290px;
    margin-top: 2px;
}

.bodyColor {
    background-color: #F3F4F5;
    background-image: none;
    margin: 0;
}

.popupBody {
    background-color: #F6F6F6;
    background-image: none;
    color: #000;
    text-align: center;
    font-family: Verdana;
    font-size: 11px;
    margin: 0;
}

.ReportResultTableBGColor {
    background-color: #F6F6F6;
    border: 1px solid #B1B0B0;
    width: 100%;
    height: 225px;
    margin-top: 2px;
}

.buttonPrint {
    background: url(Images/btn1.gif) repeat-x;
    border: solid 1px #0197F7;
    text-align: center;
    width: 105px;
    font: bold 12px verdana, tahoma;
    height: 22px;
    line-height: 18px;
    padding-bottom: 5px;
    vertical-align: top;
    color: #3D3D3D;
    margin-right: 10px !important;
    text-shadow: 0px 1px 1px #868686;
}

.DivReportGrid {
    width: 945px;
    height: 210px;
    overflow: scroll;
}

.divpager {
    width: 940px;
}

.GridFixedHeaderReport {
    position: relative;
    top: expression(this.offsetParent.scrollTop - 1);
    background-color: #FFF;
    background-position: top;
    font-family: Tahoma;
    font-size: 10px;
    font-weight: 700;
    color: #000;
    text-align: center;
    border: solid 1px #ccc;
    /*
background-image:url(Images/headerBg.gif);
background-repeat:repeat-x;*/
    height: 25px;
}

    .GridFixedHeaderReport th {
        padding: 0px 5px;
        position: relative;
        top: expression(this.offsetParent.scrollTop - 1);
        background-color: #FFF;
        background-position: top;
        font-family: Tahoma;
        font-size: 10px;
        font-weight: 700;
        color: #000;
        text-align: center;
        border: solid 1px #848383;
        border-right-width: 0px;
        /*
background-image:url(Images/headerBg.gif);
background-repeat:repeat-x;*/
        height: 25px;
    }

.GridFixedHeader {
    top: expression(this.offsetParent.scrollTop - 1);
    background-position: top;
    font-size: 10px;
    color: #000;
    text-align: center;
    border: solid 1px #ccc;
    background-color: #6babd1;
}

    .GridFixedHeader th, tr.GridFixedHeader td {
        padding: 0px 5px;
        /*position: relative;*/
        background-position: top;
        background-color: transparent;
        font-weight: bold;
        font-size: 11px;
        color: #fff;
        text-align: center;
        border: 1px solid #62839c;
        border-right-width: 0px;
        /*
background-image:url(Images/headerBg.gif);
background-repeat:repeat-x;*/
        height: 25px;
    }

        .GridFixedHeader th a {
            text-decoration: none;
            color: Red;
        }

        .GridFixedHeader th .lblNormal {
            color: #fff;
        }

.GridFooter {
    width: 100%;
}

    .GridrowStyle td, .GridAlternate td, .GridFooter td {
        padding: 5px;
        border: 1px solid #D6D6D6 !important;
    }

.GridFooter {
    background: #eee !important;
}

.GridFooTable {
    vertical-align: bottom;
    margin-top: 280px;
    background-color: #E9D1E7;
}

.tdPager {
    border-bottom: solid 1px #ccc;
    padding: 5px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#efefef')";
    background: -moz-repeating-linear-gradient(#fbfbfb, #efefef );
    background: -webkit-repeating-linear-gradient(#fbfbfb, #efefef);
    background: -o-repeating-linear-gradient(#fbfbfb, #efefef );
    background: -ms-repeating-linear-gradient(#fbfbfb, #efefef);
    background: repeating-linear-gradient(#fbfbfb, #efefef);
    outline: none;
    font-weight: bold;
}

    .tdPager table {
        text-align: center;
    }

        .tdPager table td a[href] {
            text-decoration: none;
            color: #184788;
            font-weight: bold;
            padding: 5px;
        }

            .tdPager table td a[href]:hover {
                background: #184788;
                color: #fff;
            }

        .tdPager table td input[type='text'] {
            text-align: center;
        }

.txtboxSmall {
    font-family: Tahoma;
    text-align: right;
    font-size: 11px;
    background-color: #fff;
    border: solid 1px #90b9f9;
    width: 35px;
}

.RadtabStrip {
    color: #000;
    height: 1px;
    background-color: #E1F1FB;
    border-color: Green;
    border-width: thin;
}

.Radtab {
    color: #000;
    background-color: #E1F1FB;
    height: 2px;
    border-color: Gray;
    border-width: 0;
}

.RadMultiPage {
    background-color: #E1F1FB;
    border-color: Gray;
    border-width: 1px;
}

.RadPageView {
    background-color: #E1F1FB;
    border-width: 0;
}

.layoutTableGrid2 {
    padding-top: 10px;
    padding-right: 1px;
    padding-left: 1px;
    vertical-align: top;
    width: 100%;
}

.tblSplRptFrame {
    vertical-align: top;
    width: 100%;
    padding: 0;
}

.divAutoHide {
    height: 245px;
    width: 930px;
    overflow-x: auto;
    overflow-y: hidden;
}

.PageCount {
    font-size: 11px;
    font-weight: 700;
    vertical-align: middle;
}

.ForExcel {
    border-color: #000;
    border-width: 1px;
}

.ForPDF {
    border-color: #000;
    border-style: solid;
    border-width: 1px;
}

.ReportMainTableColor1 {
    border: 1px solid #B2B1B1;
    background-color: #F6F6F6;
    font-family: Verdana;
}


.GridHeader {
    background-position: top;
    font-family: Tahoma;
    font-size: 10px;
    font-weight: 700;
    color: #000;
    text-align: center;
    height: 25px;
}

    .GridHeader th {
        background-color: #6babd1;
        background-position: top;
        font-family: Tahoma;
        font-weight: bold;
        color: #fff;
        text-align: center;
        border: solid 1px #6798bf;
        border-right-width: 0px;
        height: 25px;
        padding: 0 5px;
    }

.ReportMainTableColor1 table td {
    border: 1px solid #D6D6D6;
    padding: 3px 5px;
}


.ReportMainTableColor1 #divG_table0,
.ReportMainTableColor1 #divG_table1,
.ReportMainTableColor1 #divG_table2,
.ReportMainTableColor1 #divG_table3,
.ReportMainTableColor1 #divG_table4,
.ReportMainTableColor1 #divG_table5,
.ReportMainTableColor1 #divG_table6,
.ReportMainTableColor1 #divG_table7,
.ReportMainTableColor1 #divG_table8,
.ReportMainTableColor1 #divG_table9,
.ReportMainTableColor1 #divG_table10,
.ReportMainTableColor1 #divG_table11,
.ReportMainTableColor1 #divG_table12,
.ReportMainTableColor1 #divG_table13,
.ReportMainTableColor1 #divG_table14,
.ReportMainTableColor1 #divG_table15,
.ReportMainTableColor1 #divG_table16,
.ReportMainTableColor1 #divG_table17,
.ReportMainTableColor1 #divG_table {
    width: 100% !important;
}

.txtHiddenDate {
    font-family: Tahoma;
    font-size: 11px;
    border: solid 1px #F6F6F6;
    width: 100px;
    height: 20px;
    background-color: #F6F6F6;
    color: #F6F6F6;
}

.ReportingActivitytitle {
    font-family: Arial;
    font-size: 16px;
    color: #1F6B7F;
    font-weight: 700;
    text-align: center;
    vertical-align: top;
}

.ReportGrid {
    height: 335px;
    overflow: scroll;
}

.GridrowStyle {
    background-color: #f0f6f6;
    height: 18px;
    text-align: left;
    font-size: 10px;
    font-family: Verdana;
    color: black;
    border: 1px solid #D6D6D6;
}

/*.GridAlternate {
    background-color: #d4d0c8;
    color: black;
    text-align: left;
    font-size: 11px;
    font-family: Verdana;
    border:1px solid #D6D6D6
}*/

.layoutTableTop1 {
    vertical-align: top;
    padding-right: 0;
    padding-bottom: 0;
    width: 100%;
}

.trValidation {
    background-color: #F6F6F6;
    white-space: nowrap;
    text-align: left;
}

.layoutSpecialReport {
    padding: 2px 2px 0 2px;
    vertical-align: top;
    text-align: left;
    width: 700px;
    /*border:solid 1px #ccc;*/
}

.Hlink {
    color: Red;
}

    .Hlink a {
        color: #057897;
        font-weight: normal;
        text-decoration: none;
        vertical-align: top;
        margin-left: 5px;
    }

.DropDownLarge {
    font-family: Verdana, Tahoma, Sans-Serif;
    font-size: 11px;
    color: #000;
    background-color: #fff;
    width: 130px;
    border: solid 1px #90b9f9;
}

    .DropDownLarge * {
        font-family: Verdana, Tahoma, Sans-Serif !important;
        font-size: 11px;
    }


.DropDownMedium {
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    background-color: #fff;
    border: solid 1px #90b9f9;
}

.DropDownDefault {
    font-family: Verdana;
    font-size: 11px;
    background-color: #fff;
    border: solid 1px #90b9f9;
    overflow: scroll;
}

.DropDownSmall {
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    background-color: #fff;
    width: 50px;
    border: solid 1px #90b9f9;
}

.tdValidationOption {
    background-color: #aaa9a7;
    font-size: 11px;
    font-weight: 700;
    padding-left: 5px;
    color: #FFF;
    text-align: left;
}

.iframeSpecial {
    height: 425px;
    width: 955px;
    overflow: auto;
}

.AllPending {
    background-color: #e8f0fc;
}

.AllMissing {
    background-color: #d1e2fc;
}

.AllDateConflict {
    background-color: #c3d9fc;
}

.tr2 {
    background-color: #d3d3d3;
}

.tr3 {
    background-color: #dcdcdc;
}

.layoutTableG {
    padding-top: 0;
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: top;
    background-color: #ececec;
    width: 100%;
}

.layoutTableG1 {
    vertical-align: top;
    background-color: #F6F6F6;
    width: 100%;
    padding: 0;
}

.divMonitor {
    border: 1px solid #66A8B3;
    /*background-color:red;*/
    background-color: #F7FBFC;
    width: 980px;
    height: 485px;
    overflow: auto;
    text-align: left;
    padding-left: 5px;
    padding-top: 3px;
}

.MointorHeaderTable {
    background-color: #3c9;
}

.FreezeLEFT {
    padding-right: 0;
    padding-left: 0;
    position: relative;
    left: expression(this.offsetParent.scrollLeft-1);
    width: 300px;
    background-color: #e3ecfb;
}

.FreezeTOP {
    padding-top: 0;
    position: relative;
    top: expression(this.offsetParent.scrollTop-1);
    background-color: #e3ecfb;
    z-index: 200;
}

.divScroll {
    overflow: auto;
    height: 485px;
    width: 980px;
}

.ForPrinter {
    cursor: hand;
    border: solid 1px;
    border-color: #000;
}

.BodyReportMail {
    margin: 0;
}

.body3 {
    color: #000;
    background-color: #d0d0d0;
    scrollbar-face-color: 87px;
    scrollbar-arrow-color: 1.96E+98px;
    scrollbar-track-color: d4e6fc;
    scrollbar-shadow-color: cfe6f8;
    scrollbar-highlight-color: cfe6f8;
    scrollbar-3dlight-color: cfe6f8;
    scrollbar-darkshadow-color: b4daf8;
}

.layoutTableS {
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: top;
    border-bottom: Solid 1px #a4a3a3;
    padding-bottom: 5px;
    width: 100%;
}

.layoutTableS1 {
    vertical-align: top;
    border-bottom: Solid 1px #a4a3a3;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    background-color: #F6F6F6;
}



.SiteMapPath {
    color: #000;
    font-family: Verdana;
    font-size: 11px;
}

.menu {
    height: 30px;
    font-family: verdana;
    font-size: 11px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
}

.menuItem {
    /*
background-image:url(Images/GreenBg.gif);
background-repeat:repeat-x;*/
    border-right: solid 1px #ccc;
    font-family: Tahoma;
    font-size: 12px !important;
    vertical-align: middle;
    color: #353535;
    padding: 8px 10px;
    border-right: none;
    color: #fff;
    font-weight: bold;
}

table.menuItem {
    border-right: solid 1px #4c7cbd !important;
}

.menuItem:Hover {
    background: #eee !important;
    color: #2d3e63;
}

.Dmenu {
    text-align: left;
    font-family: verdana;
    font-size: 11px;
    line-height: 20px;
    vertical-align: middle;
    color: #FFF;
    border: none;
    border: 1px solid #d4d4d4 !important;
    -webkit-box-shadow: 7px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 7px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 7px 2px 5px 0px rgba(0,0,0,0.75);
    transition: opacity 2s ease-in;
    z-index: 12 !important;
}

.SubMenu1 {
    line-height: 20px;
    background: #f0f6f6 !important;
    color: #0962a2 !important;
    text-align: left;
}


.SubMenu2 {
    /*background-color: #fff;69BAE9*/
    background: #f0f6f6 !important;
    border-bottom: solid 1px #d4d4d4;
    cursor: pointer;
    display: block;
    line-height: 22px;
    text-align: left;
    color: #000;
    vertical-align: middle;
    padding: 2px 3px;
    min-width: 100px;
}

    .SubMenu2:nth-last-match(div) {
        border-bottom: none;
    }

.SubMenu3 {
    background-color: #ccc !important; /*69BAE9*/
    border: solid 1px red;
    height: 22px;
    text-align: left;
    font-weight: 700;
    color: #fff;
    vertical-align: middle;
    padding: 0 2px;
}



.staticMenuItem {
    background-image: url(Images/GreenBg.gif);
    background-repeat: repeat-x;
    border: solid 0 #000;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: 700;
    color: #FFF;
    padding: 5px 6px 6px 5px;
}



.dmenuHover {
    color: blue;
    background-color: #2D3E50 !important; /*69BAE9*/
}

.dynamicMenuItem {
    font-family: Tahoma;
    border: solid 1px #000;
    background-color: #8DC0EB;
    height: 22px;
    color: #000;
    padding: 2px 4px;
}

.dynamicMenu {
    border: Solid 1px #000;
}

.mandatory {
    font-family: Arial;
    font-size: 11px;
    color: Red;
}

.ChkOption {
    font-size: 11px;
    white-space: nowrap;
}

.hr {
    border: 0 solid #B2B1B1;
    width: 100%;
}

.skin0 {
    position: absolute;
    width: 150px;
    border: 1px solid #000;
    background-color: menu;
    font-family: Verdana;
    font-weight: 700;
    color: Blue;
    line-height: 20px;
    cursor: default;
    font-size: 10px;
    z-index: 100;
    visibility: hidden;
}

div#rolltipDiv {
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 220px;
    font-size: 11px;
    background-color: #dee7f7;
    border: 1px solid #336;
    border-color: #000;
    border-style: solid;
    border-width: thin;
    padding: 0;
}

.menuitems {
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #000;
}

.menuitemsClose {
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #000;
    background-color: #666;
    border-bottom-style: solid;
}

.tdButtonPrint {
    width: 35%;
    padding-right: 1px;
    padding-top: 2px;
}

.active {
    overflow: auto;
}

.inactive {
    overflow: hidden;
}

.divPipeSearch {
    position: absolute;
    right: 50px;
    top: 10px;
    filter: alpha(opacity=200);
    opacity: .75;
    z-index: 1;
    height: 600px;
    left: 5px;
    width: 990px;
}

.divPipeSearch_1 {
    position: absolute;
    right: 400px;
    top: 185px;
    filter: alpha(opacity=200);
    opacity: .75;
    z-index: 1;
}


.HtmlDropDown {
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    background-color: #f8f9f9;
    border: solid 1px #03598f;
    z-index: 100;
}

.PipeBook1 {
    background-color: #CCDAF1;
    font-size: 11px;
}

.PipeBook2 {
    background-color: #B8CEF1;
    font-size: 11px;
}

.PipeBook3 {
    background-color: #A9BFE2;
    font-size: 11px;
}

.PipeBook4 {
    background-color: #92B7F2;
    font-size: 11px;
}

.CellEdge {
    border-right: 1px inset;
}

.divXRayChart {
    height: 380px;
    width: 990px;
    overflow-x: auto;
    overflow-y: auto;
}

.trGrid {
    background-color: #FFF;
    color: Red;
    font-weight: 700;
    height: 25px;
    font-size: 11px;
    font-family: Verdana;
}

.tblLegend {
    background-color: #FFF;
    border-color: #000;
    border-style: outset;
    border-width: 1px;
}

.tdtooltip {
    text-align: center;
    font-size: 11px;
    font-family: Verdana;
}

.trtooltip {
    font-weight: 700;
    background-color: #C3C3C3;
    font-family: Verdana;
    font-size: 11px;
}

.tbltooltip {
    text-align: left;
    width: 230px;
}

.PrintViewTitle {
    text-align: center;
    font-weight: 700;
    font-size: 11px;
    font-family: Verdana;
}

.Legend {
    text-align: left;
    font-family: Verdana;
    font-size: 11px;
    white-space: nowrap;
}

.Total_lightGray {
    background-color: #D3D3D3;
}

.Total_Gray {
    background-color: #F1F2F4;
}

.GridForeColor {
    color: Green;
}

.tblHeader {
    background-color: #A4A3A3;
    color: #FFF;
    text-align: left;
}

.HomeImage {
    background-image: url(Images/home.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.GridFixedFooter {
    position: relative;
    bottom: expression(getScrollBottom(this.offsetParent));
    background-color: Gray;
    font-family: Tahoma;
    font-size: 10px;
    font-weight: 700;
    color: #000;
    height: 15px;
    border: solid 1px #FFF;
}

.GridFixedFooter1 {
    background-color: Gray;
    font-family: Tahoma;
    font-size: 10px;
    font-weight: 700;
    color: #000;
    height: 15px;
    border: solid 1px #FFF;
}

.ProgressFooter {
    background-color: Gray;
    font-size: 12px;
}

.DivPipeHistory {
    width: 978px;
    border: solid 1px #8A9DB2;
    height: 200px;
    vertical-align: middle;
    overflow: auto;
}

.TreeNode {
    text-align: left;
    font-family: verdana,tahoma;
    font-size: 11px;
    padding-left: 5px;
    margin-right: 5px;
    line-height: 15px;
    width: 100%;
    white-space: nowrap;
    color: #357ebd;
}

    .TreeNode a:hover {
        color: #357ebd;
        font-weight: normal !important;
    }

.divFirstTree table div table tbody tr:nth-child(even) {
    background: #05778b;
}

.divFirstTree table div table tbody tr:nth-child(odd) {
    background: #fff;
}

.LeafNode {
    text-align: left;
    font-family: verdana,tahoma;
    font-size: 11px;
    width: 100%;
    padding: 0 0 0 0;
    color: #0027b7;
}

.treeBorder {
    width: 100%;
    border: solid 1px #ccc;
    background: #F5F4F3;
}

.treeHolder {
    height: 460px;
    overflow: auto;
    z-index: 1;
    position: absolute;
    width: 300px;
    top: 0px;
    left: 0px;
    border: none;
    background-color: #f5f4f3;
}

#pp1 {
    height: 500px;
    width: 12px;
}

.Ifm1 {
    background-color: #F5F4F3;
}

#ifm1 {
    background-color: #F5F4F3;
}

.rootnode {
    text-align: left;
    width: auto;
    font-family: verdana,tahoma;
    font-size: 11px;
    line-height: 15px;
    padding: 0 0 0 4px;
    width: 100%;
}

.parentNode {
    text-align: left;
    font-family: verdana,tahoma;
    font-size: 11px;
}



.Document {
    border: 1px solid #66A8B3;
    background-color: #F7FBFC;
    width: 650px;
    height: 422px;
    overflow: auto;
    text-align: left;
    padding-left: 5px;
    padding-top: 3px;
}

.treeDiv {
    border: 1px solid #66A8B3;
    background-color: #F8F8F8;
    width: 340px;
    height: 425px;
    overflow: auto;
}

.btnSearch {
    cursor: pointer;
}

.GVFixedHeader {
    font-size: 10px;
    position: relative;
    top: expression(this.parentNode.parentNode.parentNode.scrollTop-1);
}

.GVFixedFooter {
    position: relative;
    bottom: expression(getScrollBottom(this.parentNode.parentNode.parentNode.parentNode));
}

.GridEditColumnHeader {
    color: #011125;
    font-size: 10px;
    font-family: Verdana;
}

.DocumentGrid {
    font-size: 11px;
    font-family: Verdana;
    color: #333;
}

.DocGridFooter {
    background-color: #507CD1;
    color: #FFF;
    font-weight: 700;
}

.DocGridRow {
    background-color: #EFF3FB;
}

.DocGridEditRow {
    background-color: #2461BF;
}

.DocGridSelectedRow {
    background-color: #D1DDF1;
    color: #333;
    font-weight: 700;
}

.DocGridPagerFixedFooter {
    position: relative;
    bottom: expression(getScrollBottom(this.parentNode.parentNode.parentNode.parentNode));
    background-color: #2461BF;
    color: #FFF;
}

.DocGridHeaderFixed {
    font-size: 10px;
    position: relative;
    top: expression(this.parentNode.parentNode.parentNode.scrollTop-1);
    background-color: #507CD1;
    font-weight: 700;
    color: #FFF;
}

.DocGridAlternatingRow {
    background-color: #FFF;
}

.tdDispatch {
    border: 1px solid #B2B1B1;
    font-family: Verdana;
    font-weight: 700;
    font-size: 11px;
    background-color: #F8F8F8;
}

.divDispatch {
    border: solid 1px #8A9DB2;
    background-color: #B3C0CD;
    height: 18px;
    vertical-align: middle;
}

.txtMultiline {
    background-color: #fff;
    border: solid 1px #90b9f9;
    width: 100px;
}


.Panel legend {
    font-family: Tahoma;
    font-size: 13.5px;
    font-weight: 700;
    color: Blue;
}

.Tbox {
    height: 14px;
    font-family: verdana;
    font-size: 11px;
    color: #000;
    width: 60px;
}

.chkBox {
    font-family: Verdana;
    color: #000;
    font-size: 10px;
}

.Buttonlist {
    font-family: Verdana;
    font-size: 12px;
    color: #000;
}

.ConRButtonlist {
    font-family: Verdana;
    font-size: 12px;
    color: black;
}


    .ConRButtonlist input {
        width: 30px;
        height: 30px;
        vertical-align: middle;
        text-align: right;
    }
        /* #ctl00_ContentPlaceHolder1_rbBox_1,#ctl00_ContentPlaceHolder1_rbBox_0
    {
		 background-color:Green;
		 margin-left:30px;
		padding:0 10px 0 60px;
        height:30px;
        vertical-align:middle;
        background-image:url(Images/gra.gif);
	 background-repeat:no-repeat;
    }
    
*/
        .ConRButtonlist input[value^="PROGRESSREPORT"] {
            margin-left: 30px;
            height: 30px;
            vertical-align: middle;
            background-image: url(Images/gra.gif);
            background-repeat: no-repeat;
        }




.DivForWelcome, .DivForTheme {
    text-align: left;
    width: 190px;
    padding-left: 5px;
    white-space: normal;
}

.label2, .HPheader {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: 700;
    color: #000;
}

.HeadingCollapse, .tr1 {
}

.td1, .td2 {
    border: solid 1px #ccc;
}

.GridFixedHeader a:link, .GridFixedHeader a:visited {
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    background-position: top;
    font-family: Tahoma;
    font-size: 10px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
}

.divPrint, .divProgressChart {
    position: absolute;
    background-color: Red;
    top: 0;
    bottom: 800px;
    left: 900px;
    text-align: left;
}


.linkbutton, .grdRowStyle {
    font-size: 11px;
    font-family: Verdana;
}


.NoRecord {
    font-size: 11px;
}

.Login1 {
    font-family: Verdana;
    font-size: 12px;
    color: #1891FF;
    text-align: justify;
    width: 600px;
    white-space: normal;
}

.Login2 {
    font-family: Verdana;
    font-size: 11px;
}
/* ------------------------ALL NEW -----------------------*/


.topHeader {
    background-image: url(Images/HeadImages.jpg);
    background-repeat: no-repeat;
    height: 98;
}


.dot {
    padding-left: 20px;
    list-style: square;
    list-style-type: circle;
}


.LoginHeader {
    font-family: Arial;
    font-weight: bold;
    font-size: 15px;
    color: #691A05;
    padding-left: 10px;
}

.LoginText {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    font-family: Verdana;
    font-size: 12px;
    color: #F18F26;
    text-align: justify;
    width: 710px;
    white-space: normal;
}

.SiteMapPath {
    color: black;
    font-family: Verdana;
    font-size: 11px;
}



/* --------------------------End New Added -------------------------*/


.Htitle {
    font-family: Arial;
    font-size: 14px;
    color: #055A91;
}

.Htext {
    font-family: Verdana;
    font-size: 12px;
    color: #1891FF;
    width: 900px;
}

.PBookHeaderActivity {
    font-family: Tahoma;
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    height: 22px;
}

.PBookHeaderColumn {
    font-family: Tahoma;
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    height: 22px;
    width: 100px;
}

/*----------------------- Landing Page ----------------------*/

.DivLinkBox {
    border-right: #41A6E4 1pt solid;
    padding-right: 0px;
    border-top: #41A6E4 1pt solid;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #41A6E4 1pt solid;
    width: 200px;
    padding-top: 0px;
    border-bottom: #41A6E4 1pt solid;
    text-align: left;
    height: 165px;
}

.DivHeader {
    border-right: #41A6E4 1pt solid;
    padding-right: 0px;
    border-top: #41A6E4 1pt solid;
    padding-left: 3px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #41A6E4 1pt solid;
    width: 100%;
    padding-top: 0px;
    border-bottom: #41A6E4 1pt solid;
    vertical-align: middle;
    color: white;
    background-color: #66B6E7;
    text-align: left;
    font-size: 10pt;
    text-transform: capitalize;
    font-family: Tahoma, Verdana, Arial;
    left: 0px;
    top: 0px;
}

.aText {
    font-size: 8pt;
    font-family: Tahoma, Arial, Verdana;
    text-decoration: none;
    color: #575757;
}

    .aText:hover {
        font-size: 8pt;
        font-family: Tahoma, Arial, Verdana;
        text-decoration: none;
        color: #117ABA;
    }
/*----------------------- End Landing Psge Style---------------*/
.Right {
    font-family: Webdings;
    font-size: 16px;
    color: Green;
}

.Wrong {
    font-family: Webdings;
    font-size: 12px;
    color: Red;
    font-weight: bold;
}

.Yellow {
    font-family: Webdings;
    font-size: 12px;
    color: #FFCB3F;
    font-weight: bold;
}

.Orange {
    font-family: Webdings;
    font-size: 12px;
    color: Orange;
    font-weight: bold;
}

.LinkBtnChkAll {
    font-size: 10px;
    margin-top: 7px;
    height: 0px;
}

.fixedHeight {
    min-height: 360px;
}

._fixedHeight {
    min-height: 360px;
}

.CairnDetail, .PtitDetail {
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    /* width:950px; Commented By Hari */
    white-space: normal;
    color: #161616;
    background: #f0f6f6;
    border: 1px solid #c8cece;
}

    .CairnDetail p, .PtitDetail p {
        margin-top: 0;
    }

.PtitDetail {
    line-height: 18px;
}
/*
.HomeDefault {
background-color:#FFF;
background-position:right;
width:990px;
height:420px;
min-height:420px;

}*/
_.HomeDefault {
    height: 100%;
}

.ChkOption tr td {
    font-size: 11px;
    white-space: nowrap;
    width: 270px;
}


/*---------------Pipe Reconcillation Reports---------*/

.PipeReReportheader {
    border: solid 1px white;
    text-align: center;
    width: 90px;
    border-collapse: collapse;
}

    .PipeReReportheader td {
    }

.PipeReActivityReport {
    border: solid 1px white;
    border-collapse: collapse;
    text-align: center;
    height: 24px;
}

.PipeRe {
    border-collapse: collapse;
    border: none;
}

.PipeReAct {
    border-collapse: collapse;
}

.WPLabel {
    vertical-align: top;
    /*border:solid 1px #ccc ; 
	background-color:#e1e1e1 ;*/
    padding-top: 5px;
}

.WPerformanceTable {
    border: solid 5px #ccc !important;
    /*background-color:Yellow;*/
}

.dotGrid {
    background-image: url(Images/wpbg.gif);
    background-repeat: repeat;
}

.imgReject {
    /*background-image:url(Images/WprogRed.gif);*/
}

.imgAccept {
    /*background-image:url(Images/WprogGreen.gif);*/
}

.imgTotal {
    /*background-image:url(Images/WprogYellow.gif);*/
}

.ChartA {
    background-color: #ddeeaa;
    padding: 4px;
    border: solid 1px green;
}

.ChartB {
    background-color: #ddeeaa;
    padding: 4px;
    border: solid 1px green;
}

ChartC {
    background-color: #ddeeaa;
    padding: 4px;
    border: solid 1px green;
}

DivCom {
    height: 22px;
    border: solid 1px #ccc;
    vertical-align: bottom;
}

.divBV {
    width: 915px;
    height: 545px;
    overflow: scroll;
    border-top: solid 4px #ccc;
}

.WPFreezeWelder {
    /*background-image:url(Images/retro.png);*/
    background-repeat: repeat;
    background-color: #e1e1e1;
    padding-left: 3px;
    vertical-align: top;
    position: relative;
    left: expression(document.getElementById('divWPProgress').scrollLeft-1);
}

.optionalPro {
    color: white;
    padding: 2px;
}

.OpeProject {
    position: absolute;
    top: -49px;
    float: right;
    right: 16px;
}

/*-------------New List SiteMap------------*/
.SiteMapDiv {
    vertical-align: top;
}

.sitemap {
    font-family: Verdana;
    list-style: none;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
}

    .sitemap li {
        color: #393939;
        font-size: 10px;
        font-family: Verdana;
    }

        .sitemap li a {
            color: #04649b;
            font-size: 10px;
            white-space: nowrap;
        }

            .sitemap li a:visited {
                color: Purple;
                font-size: 10px;
                white-space: nowrap;
            }

            .sitemap li a:hover {
                color: #8f7003;
                list-style: none;
                font-weight: normal;
            }

    .sitemap ul li {
        color: #393939;
        font-size: 10px;
        white-space: nowrap;
    }

        .sitemap ul li a {
            color: #04649b;
            font-size: 10px;
            white-space: nowrap;
            font-weight: normal;
        }

            .sitemap ul li a:visited {
                color: Purple;
                font-size: 10px;
                white-space: nowrap;
            }

            .sitemap ul li a:hover {
                color: #8f7003;
                list-style: none;
                font-weight: normal;
            }

        .sitemap ul li ul li {
            color: #393939;
            width: 150px;
            vertical-align: top;
        }

            .sitemap ul li ul li a {
                color: #04649b;
                list-style: none;
                font-weight: normal;
            }

                .sitemap ul li ul li a:visited {
                    color: Purple;
                    font-size: 10px;
                    white-space: nowrap;
                }

                .sitemap ul li ul li a:hover {
                    color: #8f7003;
                    list-style: none;
                    font-weight: normal;
                }

.New, .New td {
    vertical-align: top;
    background-color: #eeeeee;
}

/*----new for DashBoard--*/

.Dashbox1 {
    width: 475px;
    height: 320px;
    overflow-y: scroll;
}

.Dashbox2 {
    width: 470px;
}

.Dashbox3 {
    width: 220px;
    border: #41A6E4 1pt solid;
    background-color: #66B6E7;
    padding-right: 0px;
    padding-left: 3px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #41A6E4 1pt solid;
    vertical-align: middle;
    color: white;
    background-color: #66B6E7;
    text-align: left;
    font-size: 10pt;
    text-transform: capitalize;
    font-family: Tahoma, Verdana, Arial;
    left: 0px;
    top: 0px;
}


.DivLinkBox1 {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    width: 200px;
    padding-top: 0px;
    text-align: left;
    border-left: #41A6E4 1pt solid;
}

.DivimgBox {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    width: 50px;
    padding-top: 0px;
    text-align: left;
}

    .DivimgBox img {
        width: 50px;
        height: 60px;
    }

.DivHeaderDashSub {
    padding-right: 0px;
    padding-left: 3px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #41A6E4 1pt solid;
    width: 270px;
    padding-top: 0px;
    vertical-align: middle;
    color: white;
    background-color: #66B6E7;
    text-align: left;
    font-size: 10pt;
    text-transform: capitalize;
    font-family: Tahoma, Verdana, Arial;
    left: 0px;
    top: 0px;
}

.DashUl {
    margin: 0;
    padding: 0 0 0 3px;
}

. .DashFrame {
    width: 450px;
    height: 320px;
}
/*----DashBoard Config--*/
.WizHeaderActive {
    background-color: #20b0e0;
    border: solid 1px #4579cf;
    border-right: solid 1px #045b77;
    padding: 2px;
    background-image: url(Images/header_bg.jpg);
    background-repeat: repeat-x;
    color: White;
    border-bottom: solid 1px #8ab5ff;
}

.DivHeaderDeActive {
    background-color: #e8e8e8;
    border: solid 1px #cccaca;
    border-left: solid 1px white;
    padding: 2px;
}

.WizTable {
    border: solid 1px #4579cf;
    padding: 2px;
}

.wizLeftBorder {
    border-left: solid 1px #cccaca;
}

.SetDisplay {
    display: none;
}

.ListDiscipline {
    position: absolute;
    z-index: 100;
}

#ctl00_ContentPlaceHolder1_UpdatePanelMain > table {
    text-align: center;
}

.grid {
    width: 100%;
    border: 1px solid #ccc !important;
    background: #fff;
}
/*.grid td {background:#fff}*/
.GridBox table td table td {
    border: none !important;
    padding: 0;
}

.system-footer-action {
    padding: 5px 10px 5px 0 !important;
}

.system-header-section {
    padding: 5px;
}

hr {
    border: 1px solid #c7d1e2;
    height: 1px;
    ;
    margin: 0;
    padding: 0;
}

.grid-margin-left {
    margin-left: 3px;
}

.grid-margin-top {
    margin-top: 3px;
}

.grid-margin-right {
    margin-right: 3px;
}

.grid-margin-bottom {
    margin-bottom: 3px;
}
/*.layoutTableTop .headlabel {background:#184788; padding:4px; }
    .layoutTableTop .headlabel .headlabeltext {color:#fff!important}*/
/*================== Language Marquee =====================*/

.LangWraper {
    position: relative;
    border-bottom: solid 1px #fff;
    border-top: solid 1px #ddd;
    background: #f1f1f1;
    line-height: 15px;
}

.LangText {
    position: absolute;
    left: 0px;
    color: #323232;
    border-right: solid 1px #e1e1e1;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    font-size: 9px;
    border-bottom: solid 1px #ddd;
}

.LangMarq {
    border-bottom: solid 1px #ddd;
    background: #f1f1f1;
    padding-left: 55px;
    text-align: left;
}

    .LangMarq .langMarrquee ul {
        margin: 0;
        padding: 0;
    }

        .LangMarq .langMarrquee ul li {
            display: inline;
            padding: 3px 5px 3px 4px;
        }

            .LangMarq .langMarrquee ul li a {
                text-decoration: none;
                font-size: 9px;
                font-weight: bold;
            }

                .LangMarq .langMarrquee ul li a:hover {
                    text-decoration: underline;
                }

.Eng_flg a {
    /*	background:url(images/india.gif) no-repeat left 3px;*/
    color: Blue;
}

.india_flg a {
    /*background:url(images/india.gif) no-repeat left 3px;*/
    color: Green;
}

.indo_flg a { /*
	background:url(images/indonesia.gif) no-repeat left 3px;*/
    color: Red;
}

.Egypt_flg a { /*
	background:url(images/egypt.gif) no-repeat left 3px;*/
    color: #d4a900;
}

.France_flg a { /*
	background:url(images/france.gif) no-repeat left 3px;*/
    color: Navy;
}

/*================== Language Marquee =====================*/

/*New Login page Section start from here*/
.HomeSeg1 {
    position: relative;
    font-size: 12px;
    font-family: Tahoma !important;
}

    .HomeSeg1 fieldset {
        padding: 0;
        border: 1px solid #ddd;
        margin: 5px 5px 0 5px;
        -webkit-box-shadow: -1px 3px 5px 0px rgba(204,204,204,0.59);
        -moz-box-shadow: -1px 3px 5px 0px rgba(204,204,204,0.59);
        box-shadow: -1px 3px 5px 0px rgba(204,204,204,0.59);
    }

#loginWrapper {
    background: url('Images/banner.jpg') fixed;
    background-size: cover;
    padding: 0;
    margin: 0;
    font-family: tahoma,verdana,Sans-Serif;
}

.legendBorder {
    font-size: 13px;
    text-transform: uppercase;
    margin-left: -1px;
    margin-right: -1px;
    font-weight: 700;
    padding: 5px 15px 5px 5px;
    background: #eee;
    color: #184788;
    width: 955px;
}

#loginWrapper .login-label {
    display: block;
    text-align: left;
    padding-bottom: 4px;
}

.login-header {
    padding: 0;
    background: #eee;
}

#login-page .body {
    margin: 0;
    padding: 0;
}

.login-content {
    height: -moz-calc(100vh - 109px);
    height: -webkit-calc(100vh - 109px);
    height: calc(100vh - 109px);
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.login-block {
    position: absolute;
    right: 0;
    top: 75px;
    width: 300px;
    background: #ffffff;
    padding: 1em;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
}

.login-footer {
    background: #ccc;
}

    .login-footer p {
        padding: 1em 10px;
        margin-bottom: 0;
        position: relative;
        bottom: 0;
    }

.login-header .company-logo-wrapper {
    width: 200px;
    height: 50px;
    margin: 0 auto;
}

.login-header .CompanyLogoR {
    height: 50px;
    width: 200px !important;
}

.login-block ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .login-block ul li {
        padding-bottom: 1em;
    }

.project-name .ProjectName1 {
    width: auto;
    float: none;
    line-height: normal;
    font-size: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
}

.project-name {
    border-bottom: 1px solid #eee;
    margin-bottom: 1em;
    font-family: unset;
}

.project-logo {
    text-align: center;
}

.login-button-action {
    text-align: right;
}

.block-box {
    display: block;
}

.login-segnment {
    width: 600px;
    height: 300px;
    margin-top: 100px;
    overflow-y: auto;
}

.segmentation-wrapper {
    padding: 0;
    background-color: rgba(248, 248, 248, 0.8);
    margin-bottom: 5px;
}

    .segmentation-wrapper h3 {
        background: #ddd;
        font-size: 13px;
        text-align: left;
        color: #0c4787;
        padding: 5px;
        margin: 0;
    }

    .segmentation-wrapper p {
        padding: 5px;
        font-size: 12px;
        margin: 0;
        line-height: 20px;
        text-align: left;
    }

.chart-wrapper {
}

    .chart-wrapper .GridrowStyle, .chart-wrapper .GridrowStyle, .chart-wrapper .GridrowStyle > td, .chart-wrapper .GridAlternate > td, .chart-wrapper .GridFooter > td {
        border: 7px solid #eee !important;
    }

        .chart-wrapper .GridrowStyle, .chart-wrapper .GridrowStyle, .chart-wrapper .GridrowStyle > td > table td, .chart-wrapper .GridAlternate > td > table td, .chart-wrapper .GridFooter > td table td {
            font-weight: bold !important;
        }

            .chart-wrapper .GridrowStyle table td {
                border: none !important;
            }
/*New Login page Section end from here*/
/*added by santoshk for moc grid UI*/
.grid-details-custom {
    border-collapse: collapse;
}

.grid-details-custom {
}

    .grid-details-custom th {
        background: #6babd1;
        color: #fff;
        border-right: 1px solid #6798bf !important;
    }

    .grid-details-custom td, .grid-details-custom th {
        padding: 5px;
        border: 1px solid #D6D6D6;
    }

    .grid-details-custom tbody tr:nth-child(even) {
        background: #f0f6f6;
    }

    .grid-details-custom tbody tr:nth-child(odd) {
        background: #FFF;
    }

.grid-table-bordered {
    border-collapse: collapse;
}

    .grid-table-bordered td {
        padding: 5px;
        border: 1px solid #D6D6D6;
    }

        .grid-table-bordered td.lblbold {
            font-weight: bold;
        }

        .grid-table-bordered td .lblNormal {
            white-space: pre-wrap;
            font-weight: normal !important;
        }
/*popup box css added dated on 03082017 */

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
}

    .overlay:target {
        visibility: visible;
        opacity: 1;
    }

.popup {
    margin: 70px auto;
    padding: 10px;
    background: #fff;
    border-radius: 2px;
    width: 900px;
    position: relative;
    transition: all 5s ease-in-out;
}

.popup-controls {
    margin: 10px 0;
}

.popup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 14px;
    text-align: left;
}

.popup .close {
    position: absolute;
    top: 5px;
    right: 5px;
    transition: all 200ms;
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

    .popup .close:hover {
        color: #066a81;
    }

.popup .content {
    overflow: auto;
}

/*Added jquery data loader start*/
.grid-wrapper {
    margin: 5px 0 0 5px;
    min-height: 400px;
    width: 1000px;
    position: relative;
}

.data-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: #fff;
    z-index: 10;
}

    .data-loader span {
        top: 50%;
        position: absolute;
        left: 50%;
        transform: translate(-50%,-50%);
        background: url(Images/loader.gif);
        width: 75px;
        height: 75px;
        background-repeat: no-repeat;
    }

span.projectname-child {
    padding: 2px 0 2px 7px;
    font-size: 13px;
    font-weight: bold;
    display: block;
    text-align: center;
}

/*CSS added for  ceritficate web pages New pages dated on 10/04/2018 by santoshk*/
.ng-wrapper {border:1px solid #eee; position:relative; margin: 5px; text-align:left}
.ng-clear {clear:both}
 .ng-wrapper::after, ng-wrapper:before {content:''; clear:both}
 h2.ng-page-heading {font-size:1.2em; padding:0;  text-align:left; margin:0 0.5em;}
.ng-row { clear:both; margin:0 -0.5%}
.ng-col-md-6 {width:47.5%; margin:0.5%; padding:0 0.5%; float:left}
.ng-col-md-4 {width:35.5%; margin:0.5%; padding:0 0.5%; float:left}
.ng-col-md-8 {width:60.5%; margin:0.5%; padding:0 0.5%; float:left}

.ng-form-row {margin-bottom: 0.5em; content: ""; display: table; clear: both; width: 100%;}
.ng-form-label {font-weight:bold; line-height:20px;}
.ng-form-controls-wrapper {}
.ng-form-controls {border:1px solid #ddd; padding:0.2em; width:100%; box-sizing:border-box}
.ng-border-left{border-left:1px solid #ddd}
.ng-border-right{border-right:1px solid #ddd}
.ng-inline-controls {display:inline-block; vertical-align:baseline}
.ng-controls-wrapper {margin-bottom:1em; border-bottom: 1px solid #ddd;}

.ng-action-wrapper {margin:0.5%; padding:0 0.5%;}

.ng-button {display: inline-block;
    padding: 0.4em 2em;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px;}
.button-block-wrapper {float:right; width:auto;}
    .button-block-wrapper button {padding:0.2em 2em}
.ng-btn-danger {color: #fff; background-color: #dc3545; border-color: #dc3545;}
.ng-btn-danger:hover {color: #fff; background-color: #c82333; border-color: #bd2130;}
.ng-btn-primary { color: #fff; background-color: #184788;border-color: #143460;}
.ng-btn-primary:hover {color: #fff; background-color: #2268c9; border-color: #0062cc;}
.ng-btn-default { color: #212529; background-color: #ddd; border-color: #ddd;}
.ng-btn-default:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5;}
.ng-action-wrapper ul {margin:0; padding:0}
.ng-action-wrapper ul li {list-style-type:none; margin-right:0.5em; display:inline-block; vertical-align:top}
.ng-pull-right {float:right}
.ng-pull-left {float:left}
.ng-button-default {}
.or-span{left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); 
  width: 10px;
  height:10px;
  text-align: center;
 position:relative}

.search-section{box-sizing:border-box; margin:5px; width:inherit}
.no-padding {padding:0!important}
.no-margin {margin:0!important}
.label-auto-width {width:auto!important}
.result-display-wrapper {margin:5px; padding:5px; border:1px solid #ddd; text-align:left}
.category-wrapper{margin: 0; padding-left: 5px; width: 50%; box-sizing: border-box;}
.category-wrapper h3{margin:0; padding:7px 5px; background:#ccc }
.list-category {margin:0; padding:0; list-style-type:none; max-height:250px; overflow:auto}
.list-category li {padding:2px; border:1px solid #ddd; border-top:none; vertical-align:middle}
.list-category li:nth-child(odd), .workflow-wrapper ul li:nth-child(odd) {
    background:#eee
}
.list-category li:nth-child(even), .workflow-wrapper ul li:nth-child(even) {
     background:#fff
}

.workflow-wrapper {border:1px solid #ddd; position:relative}
.workflow-wrapper::after{content: ''; border-left: 1px solid #ddd; position: absolute; right: -9px; top: 0; height: 100%;}
.workflow-wrapper ul {margin:0; padding:0; list-style-type:none; max-height:300px; overflow:auto}
.workflow-wrapper ul li {border-bottom:1px solid #ddd}
.workflow-wrapper ul li span.designation-list { display:table-cell; width:75%; padding:0.5em; border-right:1px solid #ddd; text-overflow:ellipsis; overflow:hidden; }
.workflow-wrapper ul li span.sequence-list {display:table-cell; width:25%; padding:0.5em; }
.workflow-wrapper ul li span.sequence-list input {width:100px; text-align:center; margin-left:1em}
.workflow-heading{background: #ccc; padding: 0.5em; font-weight:bold; display: table; width: 100%; box-sizing: border-box;}
.workflow-heading span.designation-heading{text-align:center; width:70%; display:table-cell}
.workflow-heading span.sequence-heading{text-align:center; width:20%; display:table-cell}
.workflow-hierarchy{width:50%; box-sizing:border-box}
.workflow-hierarchy ul {margin:0; padding:0; list-style-type:none; max-height:300px; overflow:auto}
.workflow-hierarchy li.hierarchy-list {float: left; position: relative; border: 1px solid #ddd; padding: 1em; width: 92px; text-align: center; margin: 0.5em 4em 0.5em 0;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s; -webkit-box-shadow: 0px 0px 5px 0px rgba(179,175,179,1);
        -moz-box-shadow: 0px 0px 5px 0px rgba(179,175,179,1);box-shadow: 0px 0px 5px 0px rgba(179,175,179,1);
    }
        .workflow-hierarchy li.hierarchy-list:hover {
            background: #184788; color:#fff;
        }
        .workflow-hierarchy li.hierarchy-list a{text-decoration:none}
         .workflow-hierarchy li.hierarchy-list:hover a{color:#fff}
.workflow-hierarchy .hierarchy-list:before {content: '→'; color:#999; display: block; font-size: 3em; position: absolute; right: -38px; top: 44%; transform: translateY(-50%);}
.workflow-hierarchy .hierarchy-list:last-child:before{ content: '';}
.workflow-parent {display:table; width:98%;}
.workflow-mapping-list {width:35%; position:relative; display: table-cell; box-sizing: border-box;}
.workflow-mapping-list ul {margin:0; padding:0; max-height:300px; min-height:300px;  overflow:auto}
.workflow-mapping-list ul li {border:1px solid #ddd; margin-bottom:0.5em; padding:0.5em;}
.workflow-mapping-list ul li:hover {cursor:move}
.workflow-mapping-list ul li p { margin: 0; padding: 0.2em 0}
.workflow-mapping-list::after{content: ''; border-left: 1px dashed #999; position: absolute; right: -3px; top: 0; height: 100%;}
.workflow-list-display {width: 65%; display: table-cell; box-sizing: border-box; padding-right:0}
.workflow-list-display ul {margin:0; padding:0; max-height:300px; overflow:auto; min-height:300px; }
.workflow-list-display ul li {border:1px solid #ddd; margin-bottom:0.5em; position:relative; padding:0.5em;}
.workflow-list-display ul li:hover {cursor:move; background:#eee;}
.workflow-list-display ul li p { margin: 0; padding: 0.2em 0}
.delete-action-wrapper { position: absolute; right: 10px; top: 16px; cursor: pointer; display:none;}
.workflow-list-display ul li:hover .delete-action-wrapper {display:block!important}
.text-right{text-align:right}
.workflow-full {width:100%; padding:0 0.5em}
.workflow-full ul {width:100%; border: 1px solid #ccc; padding:0 0.5em; box-sizing: border-box;}
.workflow-full li.hierarchy-list{width:119px;}
.normal-padding {padding:0.5em}
.normal-margin {
    margin: 0.5em
}
h3.workflow-heading {
    margin: 0;
    padding: 7px 5px;
    background: #ccc
}
.ng-col-md-3{width:25%; float:left}
.certificate-gen-wrapper {
    margin: 0;
    padding: 0.5em;
    list-style-type: none;
    WIDTH: 100%;
    border: 2px solid #ddd;
    box-sizing: border-box;
    border-bottom: 0;
}
.result-display-wrapper ul:last-child {
    border-bottom: 2px solid #ddd;
}
.certificate-gen-wrapper::after {
    content: '';
    clear: both;
    display: block
}
ul.certificate-gen-wrapper li{border: 1px solid #ddd; width: 24%; float: left; box-sizing: border-box; margin: 0.5em}
    ul.certificate-gen-wrapper li:nth-child(4n) {
        margin-right: 0;
    }
    ul.certificate-gen-wrapper li span.subsystem-name{
        display: block;
        text-align: center;
        border-bottom: 1px solid #ddd;
        padding: 0.5em;
        background:#eee;
        font-weight:bold;
    }
ul.certificate-gen-wrapper li span.certificate-name {color:#094c94; margin:0.5em 0; float:left; font-weight:bold; display:inline-block!important; text-overflow: ellipsis;
    overflow: hidden; max-width: 125px; white-space: nowrap;
}
.text-center{text-align:center}
.no-border{border:none}
.certificate-status {width:100%; padding:0.5em; box-sizing:border-box}
.certificate-status li.hierarchy-list {width:19.8%;}
.certificate-status li.hierarchy-list span.subsystem-name, .certificate-status li.hierarchy-list span.inspector-name, .certificate-status li.hierarchy-list span.status {
        display:block; padding:0.2em; text-align:center }
span.inspector-name {font-style:italic;}
span.status {color: #064670;}
.action-trigger-wrapper {padding:0.5em; margin:0; border-bottom:1px solid #eee;}
.action-trigger-wrapper:hover{background:#eee}
.action-trigger-wrapper button {padding:0.3em 0.5em;}
.action-trigger-wrapper .pull-right {
        float: right;
    }
    .img-trigger{padding:5px; vertical-align:top}
span.ng-clear {clear:both; display:block}
.certificate-display-wrapper{max-height: 400px; overflow: auto;}
.action-trigger-wrapper:after {
    clear: both;
    content: " ";
    display: block;
}
.action-trigger-wrapper:last-child {border-bottom:none}
.text-left {text-align:left}
.data-loader-fixed{position:fixed!important}
.barcode-image{}
.barcode-image img {height:200px;}

/*Grid custom footer start*/
.grid-custom-footer {
    background-position: top;
    font-size: 10px;
    color: #000 !important;
    text-align: center;
    border: solid 1px #ccc !important;
    background-color: #6babd1 !important;
}
    .grid-custom-footer td {
        background-color: #6babd1 !important;
    }
/*Grid custom footer end*/


.btn-custom-streamline {padding:0.5em 2em; color:#fff; background:#6babd1; border: solid 1px #ccc; font-size:1em; border-radius:4px; outline:none; cursor:pointer;}
.btn-custom-streamline.active{ background:#184788;}
.grid-column-action-wrapper .footer {width:auto}
/*Common Popup Css Start*/
.commonpopupBox{background-color:rgba(0,0,0,0.5); position:fixed; left:0; top:0; bottom:0; right:0; z-index:1200; height:100%; width:100%; overflow:auto;}
.commonpopupBox::-webkit-scrollbar, .multiselect-container::-webkit-scrollbar{width:0px;height:0px; background: #eee}
.commonpopupBox::-webkit-scrollbar-thumb, .multiselect-container::-webkit-scrollbar-thumb{-webkit-border-radius: 0;border-radius: 0;background: #ccc;-webkit-box-shadow: none;box-shadow: none;}
.commonpopupBox::-webkit-scrollbar-track, .multiselect-container::-webkit-scrollbar-track{-webkit-box-shadow: none;-webkit-border-radius: 0;border-radius: 0;}

.commonpopupPreviewBox { background-color: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 1200; height: 100%; width: 100%; overflow: auto; }
.commonpopupPreviewBox::-webkit-scrollbar, .multiselect-container::-webkit-scrollbar { width: 0px; height: 0px; background: #eee }
.commonpopupPreviewBox::-webkit-scrollbar-thumb, .multiselect-container::-webkit-scrollbar-thumb { -webkit-border-radius: 0; border-radius: 0; background: #ccc; -webkit-box-shadow: none; box-shadow: none; }
.commonpopupPreviewBox::-webkit-scrollbar-track, .multiselect-container::-webkit-scrollbar-track { -webkit-box-shadow: none; -webkit-border-radius: 0; border-radius: 0; }

.full-page-preview-modal{width:100%; max-width:100%; z-index:999; position:absolute; top:2em; left:0;}
.commonpopup-header{display: flex;flex-shrink: 0; align-items: center; justify-content: space-between; padding:0.5em 1em; top:0; color:#fff; font-size:1.3em; background-color: #6babd1; position:relative;}
.commonpopup-header h4{padding:0em; margin:0;}
.commonpopup-header .closebtn {color:#fff; margin-right:10px; cursor:pointer; display: block; width: 32px; height: 32px; text-align: center; line-height: 32px; position:absolute; right:0;}
.commonpopup-content {padding:0; width:68%; margin:0 auto; text-align:left;}
.commonpopup-body{ background:#fff; padding:0em; width:100%; min-height:400px; max-height:90vh; overflow:auto; text-align:left;}

.commonpopuppreview-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 0.5em 1em; top: 0; color: #fff; font-size: 1.3em; background-color: #6babd1; position: relative; }
.commonpopuppreview-header h4 { padding: 0em; margin: 0; }
.commonpopuppreview-header .closebtn { color: #fff; margin-right: 10px; cursor: pointer; display: block; width: 32px; height: 32px; text-align: center; line-height: 32px; position: absolute; right: 0; }
.commonpopuppreview-content { padding: 0; width: 68%; margin: 0 auto; text-align: left; }
.commonpopuppreview-body { background: #fff; padding: 0em; width: 100%; min-height: 400px; max-height: 90vh; overflow: auto; text-align: left; }
/*Common Popup Css End*/