/* Box for code, sequence ---------------------- */
.textbox  {	width: 100%;  }
.textbox1 {	width: 35px; }
.textbox2 { width: 45px; }
.textbox2a { width: 65px; }
.textbox3 {	width: 100px;}
.textbox4 {	width: 120px; }
.textbox5 {	width: 150px;}
.textbox6 { width: 170px;}
.textbox7 { width: 220px;}
.textbox8 { width: 270px;}
.textboxM { border: solid 1px #bec3c8;}
.textboxG { border: solid 1px #bec3c8;}
.textbox, .textbox1, .textbox2,.textbox2a, .textbox3, .textbox4, .textbox5, .textbox6, .textbox7, .textbox8 {
    height: 24px;
    border: solid 1px #999999;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    vertical-align:bottom;
     padding:0px 3px;
  }
.multiLinetextbox { resize:vertical;  border: solid 1px #bec3c8}


/* DropDown List ---------------------- */

.dropdownlist  { Width: 170px; }
.dropdownlist1 { Width: 250px;}
.dropdownlist2 { Width: 80px;}
.dropdownlist3 { Width: 55px;}
.dropdownlist4 { Width: 120px; }
.dropdownlist5 { Width: 200px; }
.dropdownlist6 { Width: 65px; } /*year*/
.dropdownlist7 { Width: 48px; } /*month*/
.ListG { height:22px;border: solid 1px #999999;}
.ListGS { height:22px;border: solid 1px #999999;}
.dropdownlist, .dropdownlist1, .dropdownlist2, .dropdownlist3, .dropdownlist4, .dropdownlist5,
.dropdownlist6, .dropdownlist7, .ListG {
    height: 24px;
    border: solid 1px #999999;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    vertical-align:bottom;
    padding-left: 3px;
   }

.dropdownlistH {
    Width: 145px;
    height: 24px;
    /*background: #035897;*/
    /*background: transparent;*/
    border: solid 1px #1169aa;
    /*color: #fff; #8fd8f6*/
    /*-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
    margin: 0px;
    vertical-align: bottom;
    /*-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;*/
    padding: 2px;
    /*background-image: url('../Images/Arrow-DownH.png');*/
    /*background-position: right;
    background-position-x: 102px;
    -webkit-background-size: 10px;
    -moz-background-size: 10px;
    -o-background-size: 10px;
    background-size: 10px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;*/
    
    /*text-indent: 0.01px;
 text-overflow: "";*/
    z-index: 200;
}

.dropdownlistH option {
    background:#fff;
    color:#000;
    padding-left:2px;
    
} 



/* Buttons ---------------------- */

.green {
    padding: 0px 7px;
    color: #fff;
    height: 24px;
    border: solid 1px #2bb84b;
    background: #42cd62;
    background: -webkit-gradient(linear, left top, left bottom, from(#42cd62), to(#2bb84b));
    background: -moz-linear-gradient(top, #42cd62, #2bb84b);
    background: -ms-linear-gradient(top, #42cd62, #2bb84b);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42cd62', endColorstr='#2bb84b');*/
}

.greenSize {
    padding: 0px 5px;
    color: #fff;
    width: 65px;
    height: 24px;
    border: solid 1px #2bb84b;
    background: #42cd62;
    background: -webkit-gradient(linear, left top, left bottom, from(#42cd62), to(#2bb84b));
    background: -moz-linear-gradient(top, #42cd62, #2bb84b);
    background: -ms-linear-gradient(top, #42cd62, #2bb84b);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42cd62', endColorstr='#2bb84b');*/
}

    .green:hover, .greenSize:hover {
        background: #42cd62;
        color: white;
        text-decoration: none;
    }

.blue {
    padding: 0px 7px;
    color: #0987bf;
    height: 24px;
    border: solid 1px #0099cc;
    background: #fff; /*#1d9dd6;*/
    background: -webkit-gradient(linear, left top, left bottom, from(#eefaff), to(#d9f4ff));
    background: -moz-linear-gradient(top, #eefaff, #d9f4ff);
    background: -ms-linear-gradient(top, #eefaff, #d9f4ff);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eefaff', endColorstr='#d9f4ff');*/
}

.blueSize {
    padding: 0px 5px;
    color: #0987bf;
    width: 65px;
    height: 24px;
    border: solid 1px #0099cc;
   background:#fff; /*#1d9dd6;*/
     background: -webkit-gradient(linear, left top, left bottom, from(#eefaff), to(#d9f4ff));
    background: -moz-linear-gradient(top, #eefaff, #d9f4ff);
    background: -ms-linear-gradient(top, #eefaff, #d9f4ff);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eefaff', endColorstr='#d9f4ff');*/
}  

 .blue:hover, .blueSize:hover {
        background: #eefaff;
        color:#0987bf;
        text-decoration: none;
    }

.pblue {
   padding: 0px 5px;
    color: #fff;
    width: 65px;
    height: 24px;
    border: solid 1px #0099cc;
   background:#0099cc;
     background: -webkit-gradient(linear, left top, left bottom, from(#0cabe0), to(#0099cc));
    background: -moz-linear-gradient(top, #0cabe0, #0099cc);
    background: -ms-linear-gradient(top, #0cabe0, #0099cc);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0cabe0', endColorstr='#0099cc');*/
} 

.pblueSize {
   padding: 0px 7px;
    color: #fff;
    height: 24px;
    border: solid 1px #0099cc;
   background:#0099cc;
     background: -webkit-gradient(linear, left top, left bottom, from(#0cabe0), to(#0099cc));
    background: -moz-linear-gradient(top, #0cabe0, #0099cc);
    background: -ms-linear-gradient(top, #0cabe0, #0099cc);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0cabe0', endColorstr='#0099cc');*/
}

    .pblue:hover, .pblueSize:hover {
        background: #0cabe0;
    }

.cgray {
     width: 55px;
     height:24px;
    padding: 0px 5px;
    color: #fff;
    border: solid 1px #96a5a5;
    background: #96a5a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#b6bdbd), to(#96a5a5));
    background: -moz-linear-gradient(top, #b6bdbd, #96a5a5);
    background: -ms-linear-gradient(top, #b6bdbd, #96a5a5);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6bdbd  ', endColorstr='#96a5a5');*/
}

    .cgray:hover {
        background: #b6bdbd;
        color: white;
        text-decoration: none;
    }

.gray {
    padding: 2px;
    width: 24px;
    height: 24px;
    color: #000;
    text-align: center;
    font-style: italic;
    font-family: 'Times New Roman';
    font-weight: 500;
    border: solid 1px #bec3c8;
    background: #d6dfe1;
    background: -webkit-gradient(linear, left top, left bottom, from(#edf1f2), to(#bec3c8));
    background: -moz-linear-gradient(top, #edf1f2, #bec3c8);
    background: -ms-linear-gradient(top, #edf1f2, #bec3c8);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf1f2 ', endColorstr='#bec3c8');*/
}


.graySize {
    padding: 2px 7px;
    color: #6d7b7c;
    height: 24px;
    text-align: center;
    border: solid 1px #bec3c8;
    background: #d6dfe1;
    background: -webkit-gradient(linear, left top, left bottom, from(#edf1f2), to(#d6dfe1));
    background: -moz-linear-gradient(top, #edf1f2, #d6dfe1);
    background: -ms-linear-gradient(top, #edf1f2, #d6dfe1);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf1f2 ', endColorstr='#d6dfe1');*/
}

  .timeb {
    padding: 2px;
    width: 25px;
    height: 24px;
    border: solid 1px #bec3c8;
    background: #d6dfe1;
    background-color: -webkit-gradient(linear, left top, left bottom, from(#edf1f2), to(#bec3c8));
    background-color: -moz-linear-gradient(top, #edf1f2, #bec3c8);
    background-color: -ms-linear-gradient(top, #edf1f2, #bec3c8);
    background-image:url(../Images/time.png);
    background-repeat:no-repeat;
    background-position:center -2px;
}
    .dollarb {
    padding: 2px;
    width: 25px;
    height: 24px;
    border: solid 1px #bec3c8;
    background-color: #d6dfe1;
    background-color: -webkit-gradient(linear, left top, left bottom, from(#edf1f2), to(#bec3c8));
    background-color: -moz-linear-gradient(top, #edf1f2, #bec3c8);
    background-color: -ms-linear-gradient(top, #edf1f2, #bec3c8);
    background-image:url(../Images/dollar.png);
    background-repeat:no-repeat;
    background-position:center -2px;
}

  .timeb:hover, .dollarb:hover{
      background-color: #e1e5e5;
   
  }

    .graySize:hover, .gray:hover {
        background: #e1e5e5;
        border: solid 1px #bec3c8;
    }

    
.red {
     padding: 0px 7px;
    height: 24px;
    color: #fff;
    border: solid 1px #e44e35;
    background: #e44e35;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2644d), to(#e44e35));
    background: -moz-linear-gradient(top, #f2644d, #e44e35);
    background: -ms-linear-gradient(top, #f2644d, #e44e35);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2644d', endColorstr='#e44e35');*/
}

 
.redSize {
    padding: 0px 5px;
    color: #fff;
    height: 24px;
    width: 55px;
    border: solid 1px #e44e35;
    background: #e44e35;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2644d), to(#e44e35));
    background: -moz-linear-gradient(top, #f2644d, #e44e35);
    background: -ms-linear-gradient(top, #f2644d, #e44e35);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2644d', endColorstr='#e44e35');*/
}

.close {
    padding: 0px;
    text-transform:capitalize;
    text-align:center;
    height: 20px;
    width: 20px;
    font-size: 15px;
    float: right;
    /*vertical-align:middle;*/
    cursor: pointer;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #333333;
    border: solid 1px #e3e2e2 ;
    background-color:#edf1f2; 
 }

.closeP {
    padding: 0px;
    text-transform:capitalize;
    text-align:center;
    height: 20px;
    margin-right:5px;
    width: 20px;
    font-size: 15px;
    float: right;
    /*vertical-align:middle;*/
    cursor: pointer;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    border: solid 1px #0b5e9b;
    background-color:#1169aa; 
 }

.closeS {
   padding: 0px;
    text-transform:capitalize;
    text-align:center;
    height: 20px;
    width: 20px;
    font-size: 15px;
    float: right;
    /*vertical-align:middle;*/
    cursor: pointer;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
     border: solid 1px #2bb84b;
    background-color:#42cd62; 
 }

   .red:hover, .redSize:hover, .close:hover, .closeP:hover, .closeS:hover {
        background: #f2644d;
        border: solid 1px #e44e35;
       text-decoration: none;
        color: white;
    }

.green, .greenSize, .red, .redSize, .gray, .graySize, .cgray, .greenSize, .blue, .blueSize,
.pblue, .pblueSize,   .timeb, .dollarb {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

    .green[disabled], .greenSize[disabled], .red[disabled], .redSize[disabled], .gray[disabled], .graySize[disabled], .cgray[disabled], .pblue[disabled], .blue[disabled], .blueSize[disabled] {
        color: #b4b3b3;
        background: #eef2f2;
        border: solid 1px #b4b3b3;
      /*cursor: none;*/
    }

    .darkgrayBig {
    cursor: pointer;
    font-size:14px;
    padding: 3px 20px;
    color: #017c9f;
    background-color: transparent;
    letter-spacing:1px;
    font-family:arial;
    border:solid 0px #fff;
      margin: 3px 0px 1px 0px;
    background-image: url('../Images/arrowdownW.png');
    background-repeat: no-repeat;
    background-position: center left;
}

    .darkgrayBigDown {
    cursor: pointer;
    padding: 3px 20px;
    color: #017c9f;
    letter-spacing:1px;
    background-color: transparent;
    font-size:14px;
    border: solid 0px #bec3c8;
    margin: 3px 0px 1px 0px;
    background-image: url('../Images/arrowupW.png');
    background-repeat: no-repeat;
    background-position: center left;
}

    .darkgrayBig:hover, .darkgrayBigDown:hover {
        
        color: rgba(0, 0, 0, 0.2);
    }

  

.mlink {
    border:thin 1px;
    cursor: pointer;
    background-image: url(../Images/Home2.png);
    background-repeat:no-repeat;
    padding:6px;
    width:24px;
    height:24px;
    -moz-background-size: 24px;
    -o-background-size: 24px;
    -webkit-background-size: 24px;
    background-size: 24px;
}

    .mlink:hover {
        background-image: url(../Images/Home.png);
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        -moz-background-size: 24px;
        -o-background-size: 24px;
        -webkit-background-size: 24px;
        background-size: 24px;
    }


.imglink, .imglinkNH {
    border: none;
    cursor: pointer;
}

    .imglink:hover {
        opacity: 0.4;
    }


.Insbutton ul li, .Insbutton1 ul li {
    display: inline-block;
    margin-right: 5px;
}

.box1aS .Insbutton1 ul li{
    display: inline-block;
    list-style-type:none;
}

.row .Insbutton ul {
    border-bottom:solid 1px #bcbcbc;
    padding: 7px 10px 7px 15px;
 
   }

 .row3 .Insbutton ul {
    
    border-bottom:solid 1px #bcbcbc;
    padding: 7px 10px 7px 15px;
    margin-bottom:0px;
   }

.accbut {
    margin-top: 20px;
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 20px;
}

.accheight {
    padding: 20px;
    position: relative;
    height: 400px;
}

.InsRight {
       float:right;
   }

 .row4 h2 {
    font-size:14px;
    padding: 5px 20px 5px 10px;
    color: #017c9f;
    letter-spacing:1px;
    font-family:arial;
    
 }

 .bbuttonR {

     margin-left:120px;
 }

.icon {width:25px;height:29px;margin:5px 5px 0 5px;}



/* extras----------------- */

.asterisk { color: #f58282;margin-left:2px;font-size:18px;height:26px;}

.comment { font-size: small;color:#9a8989;}

.blank {width:20px;height:20px;}

.hr1 {width:90%}

.radbuthor input[type="radio"] {
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    margin-right: 5px;
    cursor:pointer;
}
.radbuthor label {
    margin-right: 15px;
    font-family: Arial;
    font-size: 12px;
}
.radbutver label {
    font: 12px Arial;
}
.radbutver input[type="radio"] {
    text-decoration: none;
    cursor:pointer;
      margin-right: 5px;
}


.ErrorTxt {color:red;}
.Error { width: 90%;padding:5px;color:red;  }
.ErrorMessage { width:100%;padding:10px 20px 10px 10px;margin-bottom:10px;color:White;border:dotted 1px red;font-size:x-small;  }

.CPlogo {
    background-image: url('../Images/CPLogo.png');
    background-position: 0px 5px;
    background-repeat: no-repeat;
    width: 125px;
    height: 100px;
    float: right;
    margin-right: 97px;
    Z-INDEX: 101;
    RIGHT: -100px;
    POSITION: absolute;
    TOP: -7px;
}

.reminder {
    background-image: url('../Images/reminder.png');
    background-repeat: no-repeat;
    background-position: left top;
    width: 272px;
    height: 281px;
    Z-INDEX: 900;
    POSITION: absolute;
    TOP: -20px;
    right: 15%;
    -webkit-box-shadow: 5px 12px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 12px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 12px 3px rgba(0, 0, 0, 0.2);
}

.close-reminder {
    padding: 0px 2px 0px 2px;
    color: #c1c049;
    background-color: #fffe67;
    font-weight: 500;
    width: 20px;
    height: 20px;
    font-size: 10px;
    margin-right: 10px;
    float: right;
    vertical-align: middle;
    border: solid 1px #db7878;
    cursor: pointer;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .close-reminder:hover {
        background-color: #f58282;
        font-weight: 500;
        color: white;
    }


.calendar {
    z-index: 140;
    top: 25px;
    left: 90px;
    background-color: white;
    position: absolute;
    padding: 5px;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    border: solid 1px #b8b6b3;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*Checkbox: --------------------------------------*/

.chk, .chk1 {
    white-space: nowrap;
}

    .chk input[type=checkbox],.chk1 input[type=checkbox]  {
        display: none;
    }

    .chk label {
        display: block;
        float: left;
        color: #000;
        cursor: pointer;
        width: auto;
       
    }
     .chk1 label {
        display: block;
        float: left;
        color: #fff;
        cursor: pointer;
        width: auto;
    }


    .chk input[type=checkbox] + label {
        width: 1em;
        height: 1em;
        border: 1px solid #999999;
        border-radius: 0.25em;
        background: #fff;
        vertical-align: middle;
        line-height: 1em;
        text-indent: 20px;
        margin-top: 4px;
        margin-left: 5px;
    }
    .chk1 input[type=checkbox] + label{

         width: 1em;
        height: 1em;
        border: 0px solid #999999;
        border-radius: 0.25em;
        background: #fff;
        vertical-align: middle;
        line-height: 1em;
        text-indent: 20px;
        margin-top: 4px;
        margin-left: 5px;
    }

    .chk input[type=checkbox]:checked + label::before, .chk1 input[type=checkbox]:checked + label::before {
        content: "\2714";
        color: #000;
        height: 1em;
        line-height: 1em;
        width: 1em;
        font-weight: 900;
        margin-right: 8px;
        margin-left: -19px;
    }



/* Validation ----------------- */

.popupdiv {
    background-color: ivory;
    border: solid 1px skyblue;
    width: 280px;
    display: normal;
    padding: 2px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.popupbg {
    background-color: gray;
    filter: alpha(opacity=60);
    opacity: 0.60;
}
.popupdivinside {padding:20px;}
.popuptitle { font-size:16px;}
.hidelbl{display:block;}

.validation { color:red;   }



/* Panel Box ----------------- */


.labelbox {width:100%;margin:5px;padding:5px;text-align:center;color:red;}
.labelboxBlack {width:auto;margin:5px;padding:5px;text-align:center;border-style:inset;color:black;}
.panelbox {width: 100%;padding:10px;border:solid 1px #bec3c8;text-align:center;}
.panelboxwhite {
    background-color: white;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 
    0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    border: solid 1px #b8b6b3;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.PanelW {width: 100%;padding:5px;background-color:white;border:solid 1px #bec3c8;}
.panelboxwhitens {       padding:10px;    }
.labeltext {padding:5px;text-align:center;border-style:inset;border:inset 1px #9a8989;}


textarea { 
    height:25px;
}

div .panelbox {
    background-color: #eef2f2;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    border: solid 1px #bec3c8;
}

div .Error {
    background-color: white;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    border: solid 1px #bec3c8;
}


/* Page Title ----------------------*/

h1 { font-size: 24px;line-height: 1.4em;margin: 0 0 .4em;font-weight:bold;}
h2, .h2 {font:  Arial; font-size: 16px; }
h3 { color: #1098d3;font-size: 18px;}
h4 {line-height: 1.4em;margin: 0 0 .4em;font-weight: bold;font-size: 16px;}
h5 {color: #1098d3;font-size: 14px;}
h6 { color:red;font-size: 14px;font-weight:600;}

.row h2 { padding:3px 0px;font-size: 16px;}
.box .row h2 {    font-size:14px;
    padding: 5px 20px 0px 20px;
    color: #017c9f;
    letter-spacing:1px;
    font-family:arial;}

.PageTitle { color: #fff;font-size: 24px;margin-bottom:10px;padding-left:5px; }
.PageTitleMain { color: #fff;font-size: 20px;margin-bottom:10px;padding-left:10px; }
.SubPageTitle {color: #1098d3;font-size: 14px;}
.subtitle {color: #1098d3;font-size: 18px;padding-left:5px;}
.Sub1 { color: white; font-size: 16px;}
.row .Sub1 { background-color:#d2ffff;margin-bottom:10px;padding-top:20px;padding-left:10px;
}

.Sub2 {color: #000 ; font-size: 14px;font-weight:600;}
.Sub3 { color: #000 ; font-size: 18px;font-weight:600;}


/* GridView 1 ----------------------  */


.RowStyle {
      background: #f0f4f8; 
    /*border-bottom: 1px solid #e7ebef;
    border-top: 1px solid #e7ebef;*/
    font-size: small;
    font-family: Arial;
    padding: 12px;
    border-spacing: 15px;
}

.HeaderStyle {
    background-color: #1bb6e2;
    font-family: Arial;
    font-size: 90%;
    font-weight: normal;
    color: #fff;
    vertical-align: bottom;
    width: 100%;
    border-top:solid 1px  #1bb6e2;
    border-left:solid 1px  #1bb6e2;
    border-right:solid 1px  #1bb6e2;
}

.SelectedRow {
    background-color:#cccccc;
}

.FooterStyle {
    margin: 0px;
    background-color: #b2edff;
    font-family: Arial;
    padding: 2px;
    font-size: 18px;
    font-weight: 400;
    vertical-align: bottom;
    width: 100px;
   border-bottom: 1px solid  #b2edff;
    border-top: 1px solid #f0f4f8;
}

.AlternateRowStyle {
    background-color: White;
    font-family: Arial;
    padding-right: 12px;
    /*border: 1px solid #fff;*/
}

.FixedHeader  {
    position:absolute;
    font-weight: bold;
    top:-26px;
    
     background-color: #1bb6e2;
}
.FixedFooter {
    position: absolute;
    bottom: -26px;
    z-index: 900;
    top: expression(this.parentNode.parentNode.parentNode.scrollTop-2);
    left: expression(this.parentNode.parentNode.parentNode.scrollLeft);
}

.cssPager span, .cssPager a {  font-size:13px;padding:0px 2px;} 
.cssPager span {color:#004a61;} 
.cssPager a {  font-size:13px;padding:0px 2px;color:#119ec9;}
.cssPager a:hover {text-decoration:none;}


.colh, .colhc {
    padding: 2px 5px;
    font-family: Arial;
    font-size: small;
}

.colh {
    text-align: center;
    font-size: small;
    font-family: Arial;
    padding: 2px 5px;
}

.col, .colr, .coll, .colb {
    font-size: small;
    font-family: Arial;
    padding: 2px 5px;
    border-bottom: 1px solid #f0f4f8;
}
.cols {
    border-left: 1px solid #f0f4f8;
    border-right: 1px solid #fff;
    padding:3px 3px 0px 3px;
}

.IconSelect {
    width:100%;
    height:75%;
       vertical-align:top;
}

.coll {
    border-left: 1px solid #f0f4f8;
    border-right: 1px solid #fff;
}
.colr {
    border-right: 1px solid #f0f4f8;
    border-left: 1px solid #fff;
}

.colf, .colfl,.colfr {
    font-size: 14px;
    font-family: Arial;
    padding: 2px 5px;
    border-bottom: 1px solid  #b2edff;
}

.colf {
         border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.colfr {
          border-right: 1px solid #b2edff;
     border-left: 1px solid #fff;
}
.colfl {
         border-left: 1px solid #b2edff;
       border-right: 1px solid #fff;
}
.col {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.coln { padding:0px;font-family:Arial;font-size:small;margin:0px;
        border-spacing:0px; border-left:solid 1px #aadbef;    }
.col1 { padding:0px; text-align:right;  font-family:Arial; font-size:small;
        margin:0px;border-spacing:0px;  }



 /* Password Panel  ----------------------*/

.SubMenuPanel {
    background: rgba(0,0,0,.8);
    background-color: rgba(255, 255, 255,1);
    border-top: solid 1px #adb6b5;
    border-left: solid 1px #adb6b5;
    border-right: solid 1px #adb6b5;
    border-bottom: solid 1px #adb6b5;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0px;
    left: 195px;
    z-index: 300;
    padding: 10px;
    padding-left: 20px;
    width: 260px;
}

.closesub, .closesub2 {
    color: darkred;
    background-color: white;
    font-weight: 500;
    font-size: 10px;
    padding-bottom: 4px;
    float: right;
    vertical-align: top;
    border: solid 1px #db7878;
    cursor: pointer;
    width: 19px;
    height: 15px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

    .closesub:hover, .closesub2:hover {
        background-color: #f58282;
        font-weight: 500;
        color: white;
    }
    

/* General styles for sliding Panel  ---------------------- */

.slidingpanel {
    width: 260px;
    float: left;
    display: none;
    height: auto;
    position: absolute;
    left: -300px;
    z-index: 201;
    border: none;
}
.slider-arrow {
    width: 10px;
    font: 400 12px Arial, Helvetica, sans-serif;
    color: #000;
    text-decoration: none;
}

.testSelected { }


/* Main Menu ---------------------- */

.mainnav {
    width: 100%;
    background-color: #edef9d;
}

 /* First level */
 .mainnav ul li .sinput { display: none; }
 .mainnav ul, .mainnav li { list-style-type: none; padding: 0; margin: 0;}
    .mainnav ul label {
        cursor: pointer;
        font-weight: bold;
        display: block;
        padding: 0px 5px;
        border-bottom: solid 1px #c3c56f;
        background-image: url('../Images/arrowdown.png');
        background-repeat: no-repeat;
        background-position: right;
        -moz-background-size: 8px;
        -o-background-size: 8px;
        -webkit-background-size: 8px;
        background-size: 8px;
    }

 /* Second level */
 .mainnav ul ul label { cursor: pointer;  font-weight: 500; font-size:small; display: block;padding-left:13px;}
 .mainnav ul ul li  { border-bottom:dotted 1px #c3c56f; margin:0px }
 .mainnav ul li .level2 {padding-left:15px;text-decoration:none}
    .mainnav ul li .level3 {
        text-decoration: none;
    }

/* Third level*/
    .mainnav ul ul ul li {
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 25px;
        border-bottom: dotted 1px #c3c56f;
    }
    
 .mainnav li input + * { display:none; padding-left: 0px; margin-top: 0; }
 .mainnav li input:checked + * { display: block;  }
 .mainnav ul ul ul li div input + * {display: inline-block;padding:0px;margin:0px;border:none;}
 .mainnav ul ul ul li div input:checked + * {display: inline-block;padding:0px;margin:0px;border:none;}

 

/* Box Panel Menu ----------------------*/

.BoxPanel {
    border-bottom: solid 1px #bec3c8;
    background-color: white;
}
.pnav {  background-color:white; }


 /* first level */
.pnav ul li .pinput { }
    .pnav ul, .pnav li {
        list-style-type: none;
        padding: 0;
        margin: 0;
        background-color: white;
    }
    .pnav ul .label1, .pnav ul .label2 {
        cursor: pointer;
        font-weight: bold;
        display: block;
        width: 100%;
        color: #bec3c8;
        border-style: none;
        text-align: left;
        padding-left: 50px;
        background-color: #fff;
    }
        .pnav ul .label1 {
            padding: 5px 30px;
            background-image: url('../Images/arrowdownG.png');
            background-repeat: no-repeat;
            /*background-position:center left;*/
            border-top: solid 1px #bec3c8;
            border-bottom: solid 1px #bec3c8;
            background-position: 10px;
        }
        .pnav ul .label2 {
            background-image: url('../Images/arrowUpG.png');
            background-repeat: no-repeat;
            background-position: 10px;
            padding: 5px 30px;
            background-color: #bec3c8;
            color: #fff;
            border-top: solid 1px #bec3c8;
            border-bottom: solid 1px #bec3c8;
        }

.arrow1:hover {
    background-image: url('../Images/arrowdown.png');
    background-repeat: no-repeat;
    background-position-x: right;
    -moz-background-size: 20px;
    -o-background-size: 20px;
    -webkit-background-size: 20px;
    background-size: 20px;
}

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

.mnav {
    font-size: 13px;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
}
    .mnav #nav {
        width: 100%;
        margin: 0;
        padding: 0;
    }

.mnav #nav ul { margin:0px;padding:0;}

.mnav #nav li { list-style-type:none;}
    .mnav #nav li a {
        display: block;
        padding: 10px 10px;
        background: #006699;
        border-top: 1px solid #0174ad;
        border-bottom: 1px solid #035984;
        text-decoration: none;
        color: #fff;
        margin: 0px;
    }
   .sub-menu {
        display:none;
    }

    .mnav #nav li .arrow2, .mnav #nav li .arrow2:hover {
        background-image: url('../Images/arrowdownW.png');
        background-repeat: no-repeat;
        background-position: 95% 17px;
        -moz-background-size: 8px;
        -o-background-size: 8px;
        -webkit-background-size: 8px;
        background-size: 8px;
    }
    .mnav #nav li a:hover, .mnav #nav li a.active, .mnav #nav li a.active + * {
        background: #33cc66;
        color: #fff;
        border-top: 1px solid #33cc66;
        border-bottom: 1px solid #33cc66;
    }


/* 2nd level*/
    .mnav #nav li ul {
        display: none; /*used to hide sub-menus*/
        margin-left: 0;
    }

         /*.mnav #nav li ul li a {
            padding: 5px 30px;
            background: #3399cc;
            border-bottom: 1px solid #3399cc;
        }
            .mnav #nav li ul li a:hover {
                border-top: 1px solid #0174ad;
            }

        .mnav #nav li ul li .arrow3 {
            background-image: url('../Images/arrowdown.png');
            background-repeat: no-repeat;
            background-position: 95% 17px;
            -moz-background-size: 8px;
            -webkit-background-size: 8px;
            -o-background-size: 8px;
            background-size: 8px;
        }*/

        .mnav #nav li .arrow3 {
            padding: 5px 30px;
            background: #3399cc;
            border-bottom: 1px solid #3399cc;
             border-top: 1px solid #2487b8;
             color:#fff;
        }
            .mnav #nav li .arrow3:hover {
                border-top: 1px solid #0174ad;
            }

        .mnav #nav li ul li .arrow3 {
            background-image: url('../Images/arrowdown.png');
            background-repeat: no-repeat;
            background-position: 95% 17px;
            -moz-background-size: 8px;
            -webkit-background-size: 8px;
            -o-background-size: 8px;
            background-size: 8px;
         

        }

         /*.mnav #nav li ul li ul {
            display: none;
            margin-left: 0;
        }*/

            .mnav #nav li ul li a {
               padding: 5px 30px;
                background: #edf1f2;
                color: #000;
                display: block;
                border-bottom: 1px solid #e3e2e2;
                border-top: 1px solid #e3e2e2;
            }

                .mnav #nav li ul li a:hover {
                    border-top: 1px solid #33cc66;
                    border-bottom: 1px solid #33cc66;
                }
      


/* 3rd level*/

    .mnav #nav li ul li ul {
        display: none; /*used to hide sub-menus*/
        margin-left: 0;
    }

            .mnav #nav li ul li ul a {
                padding: 3px 10px 3px 50px;
                background: #edf1f2;
                color: #000;
                display: block;
                border-bottom: 1px solid #e3e2e2;
                border-top: 1px solid #e3e2e2;
            }

                .mnav #nav li ul li ul a:hover {
                    border-top: 1px solid #33cc66;
                    border-bottom: 1px solid #33cc66;
                }

/*#home #nav ul.sub-menu{display:block}*/

.divSettings{display: none;}
.divReportInquiry {display: none;}
.divReportInquiry1 {display: none;}
.divReportInquiry2 {display: none;}
.divReportInquiry3 {display: none;}
.divReportInquiry4 {display: none;}


/* Top Menu -------------------------- */

.topnav {
    background: #edef9d;
}

#topnav #nav {
    padding-bottom: 12px;
}

    #topnav #nav ul {
        margin-top: 0px;
        padding: 0px;
        list-style-type: none;
        -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.3);
        -moz-box-shadow: 0 3px 5px rgba(0,0,0,.3);
        box-shadow: 0 3px 5px rgba(0,0,0,.3);
    }
    #topnav #nav li {
        float: left;
        list-style-type: none;
        padding: 0px;
    }
    #topnav #nav li a {
        display: block;
        text-decoration: underline;
        color: #8fd8f6;
        width: auto;
        position: relative;
    }
        #topnav #nav li a:hover, #topnav #nav li a.active, #topnav #nav li a.active + * {
            color: #fff;
            display: block;
        }

        #topnav #nav li ul li a {
            color: #fff;
            text-decoration: none;
            padding: 7px 10px;
            background: #3399cc;
            border-bottom: 1px solid #006699;
        }
            #topnav #nav li ul li a:hover {
                background: #5ddc7a;
                color: #fff;
                display: block;
                         }


        #topnav #nav li ul {
            display: none; /*used to hide sub-menus*/
            position: absolute;
            width: 155px;
            padding: 0px;
            border: 1px solid #006699;
        }


#topnav #nav li ul li {
   float:none;
   width:100%;
   
   }

/* 2nd level*/
#topnav #nav li ul li ul {
    position:absolute;
    left:156px;
    top:-1px;
   
}

#topnav #nav li ul li ul li  a{
   color:#fff;
   text-decoration: none;
   padding: 7px 10px;
    background: #bec3c8;
    border-bottom: 1px solid #006699;
}
 #topnav #nav li ul li ul li a:hover {
        background: #0281ab;
        color: black;
        display: block;
      
        border-bottom: 1px solid #02789f;
    }
 #topnav #nav li ul li ul li {
    
   }


/* Top Menu 2  -------------------------- */

 .topnav2 {   background: #edef9d; }

 #topnav2 #nav {    
   margin:0px;padding:0px;
}

#topnav2 #nav ul { margin:0px;padding:0px;list-style-type:none;
                   -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.3);
	box-shadow: 0 3px 5px rgba(0,0,0,.3);
}
#topnav2 #nav li { float:left;list-style-type:none;padding:0px;}
#topnav2 #nav li a {
     display: block;
        text-decoration: underline;
        color: #8fd8f6;
        width: auto;
        position: relative;
 }
#topnav2 #nav li a:hover, #topnav #nav li a.active, #topnav #nav li a.active + * {
     color:#adb6b5;
    display:block;
}
/* 2nd level*/
#topnav2 #nav li ul li  a{
   color:#fff;
   text-decoration: none;
   padding: 7px 10px;
    background: #3399cc;
    border-bottom: 1px solid #006699;
}
 #topnav2 #nav li ul li a:hover {
        background: #5ddc7a;
        color: #fff;
        display: block;

    }

#topnav2 #nav li ul {
    display: none;     /*used to hide sub-menus*/ 
   margin:0px;
   position:absolute;
   width:155px;
   padding:0px;
     border: 1px solid #006699;
   }


#topnav2 #nav li ul li {
   float:none;
   width:100%;
   }


/* Top Menu 3  -------------------------- */

 .topnav3 {   background: #edef9d; }

 #topnav3 #nav {    
   margin:0px;padding:0px;
}

#topnav3 #nav ul { margin:0px;padding:0px;list-style-type:none;
                   -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.3);
	box-shadow: 0 3px 5px rgba(0,0,0,.3);
}
#topnav3 #nav li { float:left;list-style-type:none;padding:0px;}
#topnav3 #nav li a {
     display: block;
        text-decoration: underline;
        color: #8fd8f6;
        width: auto;
        position: relative;
 }
#topnav3 #nav li a:hover, #topnav3 #nav li a.active, #topnav3 #nav li a.active + * {
     color:#adb6b5;
    display:block;
}
/* 2nd level*/
#topnav3 #nav li ul li  a{
   color:#fff;
   text-decoration: none;
   padding: 7px 10px;
    background: #3399cc;
    border-bottom: 1px solid #006699;
}
 #topnav3 #nav li ul li a:hover {
        background: #5ddc7a;
        color: #fff;
        display: block;

    }

#topnav3 #nav li ul {
    display: none;     /*used to hide sub-menus*/ 
   margin:0px;
   position:absolute;
   width:155px;
   padding:0px;
     border: 1px solid #006699;
   }


#topnav3 #nav li ul li {
   float:none;
   width:100%;
   }

/* Breadcrumbs Menu  -------------------------- */

.breadcrumbs ul {
    list-style-type: none;
    color: #8fd8f6;
    font-size: 11px;
}
    .breadcrumbs ul li {
        float: left;
        margin-right: 5px;
    }
        .breadcrumbs ul li ul {
            top: 20px;
        }
.breadcrumbs li a {
    text-decoration: underline;
    display: block;
    width: auto;
    color: #8fd8f6;
    padding-right: 5px;
}
    .breadcrumbs li a:hover, .breadcrumbs li a.active, .breadcrumbs li a.active + * {
        color: #fff;
        text-decoration: underline;
    }


/* Browser Update  -------------------------- */


body .buorg {font-size:16px;}

.buorg {
    position:absolute;
    width:100%;
    top:0px;
    left:0px;
    border-bottom:1px solid #A29330;
    background:#FDF2AB no-repeat 1em 0.55em url(../Images/RedWarning.png);
    text-align:left;
    cursor:pointer;
    font-family: Arial,Helvetica,sans-serif; color:#000;
    font-size: 12px;
}
.buorg div {
    padding:5px 36px 5px 40px;
    width:90%;
    margin:0 auto 0 auto;
    text-align:center;
}
.buorg a {
    color:#E25600;
}
#buorgclose {
    position: absolute;
    right: .5em;
    top:.2em;
    height: 20px;
    width: 12px;
    font-weight: bold;
    font-size:14px;
    padding:0;
}

@media only screen and (max-width: 780px) {
    .buorg {
    position:relative;
}
}


/*  Confirmation Box  --------------------------  */


#confirmBox, .confirmBox, .saveconfirmBox {
    width: 300px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -130px 0 0 -165px;
    padding: 10px;
    color: #000;
    background-color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
}

    #confirmBox p,  .confirmBox p {
        padding-top: 15px;
        font-size: 14px;
    }
 
#confirmBox .row, .confirmBox .row {text-align:center;}


/*  PeriodOption Box  --------------------------  */


#PeriodOptionBox, .PeriodOptionBox {
    width: 300px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -130px 0 0 -165px;
    padding: 10px;
    background-color: white;
    -moz-border-radius: 5px;
     border-radius: 5px;
       -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
}
 
#PeriodOptionBox p, .PeriodOptionBox p{
    padding-top:15px;
    font-size:14px;

}
 
#PeriodOptionBox .row, .PeriodOptionBox .row  {text-align:center;}
#PeriodOptionBox .row .radbuthor, .PeriodOptionBox .row .radbuthor  {margin:0px auto 0px auto;}

/*  Panel Pop-Up Box  --------------------------  */


 .PnlPopUpOverlay, #confirmOverlay{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:url('../Images/ie.png');
    background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.5)) repeat-x rgba(11,11,11,0.2);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.5))) repeat-x rgba(11,11,11,0.2);
    z-index:100000;
}

  .PnlPopUpOverlayScroll{
    width:100%;

    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:url('../Images/ie.png');
    background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
    z-index:100000;
   
}

    .PnlPopUpOverlayS{
    width:100%;
    height:100%;
    position:relative;
    top:0;
    left:0;
    background:url('../Images/ie.png');
    background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
    z-index:100000;
   overflow:auto;
   
}

  .PnlPopUpBoxBox800scroll {
    width: 860px;
    position:fixed;
    left: 35%;
    top: 175px;
    margin: -130px 0 0 -165px;
    padding: 10px;
    background-color: white;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    border: solid 1px #bec3c8;
    overflow-y: scroll;
        -ms-overflow-style:scrollbar;
        max-height:80%;
        min-height:25%;

}

#PnlPopUpBoxBox, .PnlPopUpBoxBox {
    width: 300px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -130px 0 0 -165px;
    padding: 10px;
    background-color: white;
    -moz-border-radius: 5px;
    border-radius: 5px;
      -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
}

.PnlPopUpBoxBox250 {
    width: 250px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -130px 0 0 -165px;
    padding: 10px;
    background-color: white;
    -moz-border-radius: 5px;
    border-radius: 5px;
      -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
  }

.PnlPopUpBoxBox300 {
    width: 300px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -130px 0 0 -165px;
    padding: 10px;
    background-color: white;
    -moz-border-radius: 5px;
    border-radius: 5px;
     -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
}


.PnlPopUpBoxBox350 {
    width: 350px;
   position: fixed;
    left: 50%;
    top: 50%;
    margin: -130px 0 0 -165px;
    padding: 10px;
    background-color: white;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
}

.PnlPopUpBoxBox460 {
    width: 460px;
   position: relative;
    margin: 0 auto 0 auto;
    left:0;
    top: 15%;
    /*margin: -130px 0 0 -165px;*/
    padding: 10px;
    background-color: white;
    -moz-border-radius: 5px;
    border-radius: 5px;
        -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
}

.PnlPopUpBoxBox500 {
    width: 500px;
   position: relative;
    margin: 0 auto 0 auto;
    left:0;
    top: 15%;
    padding: 10px;
    background-color: white;
    -moz-border-radius: 5px;
    border-radius: 5px;
       -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
}

.PnlPopUpBoxBox560 {
    width: 560px;
    position: relative;
    margin: 0 auto 0 auto;
    left:0;
    top: 15%;
    /*margin: -130px 0 0 -165px;*/
    padding: 10px;
    background-color: white;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
}


.PnlPopUpBoxBox660 {
    width: 660px;
      position: relative;
    margin: 0 auto 0 auto;
    left:0;
    top: 15%;
    padding: 10px;
    background-color: white;
    -moz-border-radius: 5px;
    border-radius: 5px;
     -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
}

.PnlPopUpBoxBox800 {
    width: 800px;
      position: relative;
    margin: 0 auto 0 auto;
    left:0;
    top: 15%;
    padding: 10px;
    background-color: white;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    border: solid 1px #bec3c8;
}

.PnlPopUpBoxBox960 {
    width: 960px;
      position: relative;
    margin: 0 auto 0 auto;
    left:0;
    top: 15%;
    padding: 10px;
    background-color: white;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    border: solid 1px #bec3c8;
}


.PnlPopUpBoxBox1200 {
    width: 1170px;
     position: absolute;
    /*margin: 0 auto 0 auto;*/
    left:-22.5%;
    top: -25%;
    padding: 10px;
    background-color: white;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    border: solid 1px #bec3c8;
     
}

.PnlPopUpBoxBox1200a {
    width: 1170px;
     position: relative;
    margin: 0 auto 0 auto;
    left:0%;
    top: 3%;
    padding: 10px;
    background-color: white;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    border: solid 1px #bec3c8;
     
}

.divscroll, .pnlscroll {
    width:100%;
    max-height:375px;
    min-height:250px;
    overflow-y:scroll;
    border-top:solid 1px #bcbcbc;
    border-bottom:solid 1px #bcbcbc;
}

#PnlPopUpBoxBox p {
    padding-top: 15px;
    font-size: 14px;
}

#PnlPopUpBoxBox .row {
    text-align: center;
}

#ArrowList ul li {
    padding: 10px 0px;
    list-style-type: none;
}
#ArrowList ul {
    padding: 50px 12px 0px 12px;
}


/*Save Confirm /Prohibite Box Panel  --------------------------*/

.saveconfirmBoxR{
    position: absolute;
    right: 0px;
    top: -100px;
	  border: solid 1px #2bb84b;
 }

.saveconfirmBoxL {
    position: absolute;
    left: 0px;
    top: -100px;
	  border: solid 1px #2bb84b;
}

 .prohibitwarningBoxR{
	     position: absolute;
    right: 0px;
    top: -100px;
	  border: solid 1px #e44e35;}
 .prohibitwarningBoxL{
	   position: absolute;
    left: 0px;
    top: -100px;
	  border: solid 1px #e44e35;}

.saveconfirmBoxL, .saveconfirmBoxR, .prohibitwarningBoxL, .prohibitwarningBoxR{
 width:250px;
    /*margin: -130px 0 0 -165px;*/
    padding: 10px;
    z-index:99999;
      -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    text-align: center;
    font-size:13px;
     background-color: #fff;
}

.savePnlBox, .prohibitPnlBox {
    position:relative;
}

/*Warning Box Panel  --------------------------*/

.warningBox {
    position: fixed;
    left: 50%;
    top: 40%;
    margin: -130px 0 0 -165px;
    padding: 10px 10px 20px 10px;
    z-index:99999;
    background-color: white;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    text-align: center;
  
}


/* PDF Viewer --------------------------- */

.pvbutton {
    padding: 2px 3px 2px 3px;
    color: #fff;
    background-color: white;
    font-weight: 500;
    border: solid 0px #adb6b5;
    -moz-border-radius: 3px;
     border-radius: 3px;
    height: 25px;
    font-size: inherit;
    cursor: pointer;
    margin-right:8px;
}
.pvtextbox {
    
     height:20px;
      vertical-align:bottom;
     padding-left:3px;
    border: solid 1px #009de2;
}
.pvdropdown {
    
     height:22px;
      vertical-align:bottom;
     padding-left: 3px;
     border: solid 0px #009de2;
}

  .pvbuttonred:hover{
        background: #f2644d;
        border: solid 1px #e44e35;
       text-decoration: none;
        color: white;
    }

.pvbuttonred {
    padding: 0px 5px;
    color: #fff;
    height: 22px;
    width: 55px;
    cursor: pointer;
     -moz-border-radius: 3px;
     border-radius: 3px;
    border: solid 0px #e44e35;
    background: #e44e35;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2644d), to(#e44e35));
    background: -moz-linear-gradient(top, #f2644d, #e44e35);
    background: -ms-linear-gradient(top, #f2644d, #e44e35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2644d', endColorstr='#e44e35');
}



/* Alert -------------------------------  */

#wrap-alert div {
    background-color: #fff;
    margin: 2px;
    float: left;
    color: #000;
    padding: 5px 10px 10px 10px;
    width: auto;
    height: auto;
}

    #wrap-alert div strong {
        display: block;
        background-color: #55c33a;
        color: white !important;
        padding: 0px 5px 0px 5px;
        margin: 0 -5px 5px;
        overflow: hidden;
    }

    #wrap-alert div strong a {
            text-decoration: none;
            font-weight: bold;
            float: right;
            padding: 0px 5px;
            color: #fff;
            cursor: pointer;
            margin: 5px 0px;
            vertical-align: middle;
            
        }
            #wrap-alert div strong a:hover {
                background-color: #f58282;
                font-weight: 500;
                color: white;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }

#wrap-alert .draggable {
    border-color: #bec3c8;
    color: black;
    z-index: 9999; /* move the z-index to the CSS */
}

.wrap-alert-hide {
    display: block;
}


#wrap-alert span {
    font:12px arial;
}


#wrap-alert {
    float:left;
}
.with-Alerthandle {
    border: solid 1px #d5d5d5;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    font-family: Arial;
    height: auto;
}



/* Help Panel --------------------------------------*/


#helptag .row  {
    font-size:13px;
    font-family:arial;
    
}

#helptag .row ul li {
    list-style-type:none;
    padding-left:5px;
}

#helptag .row .titlep {
    padding-top:10px;
    font-size:42px;
    font-weight: 400;
   font-family: 'Carrois Gothic SC', sans-serif;
    color:#0776b8;
    line-height:36px;
}

#helptag .row .titlem {
    font-size:18px;
    font-weight: 500;
    font-family:'Arial Narrow', 'Nimbus Sans L', sans-serif;
    padding-top:10px;
}
#helptag .row .titlem a {
   text-decoration:none;
   color:#3aa6d5;
}
#helptag .row .titlem a:hover {
   text-decoration:underline;
   color:#138ec3;
}

#helptag ul li a{
   text-decoration:none;
   color:#3aa6d5;
}
#helptag ul li a:hover{
   text-decoration:underline;
   color:#138ec3;
    
}
#helptag .hlink { text-decoration:none;
         color:#96f19d;
}
#helptag .hlink:hover {}

#wrap-help div, #wrap-mycrystal div {
    background-color: #fff;
    margin: 2px;
    float: left;
    color: #000;
    padding: 5px 10px 10px 10px;
    width: auto;
    height: auto;
}

            #wrap-help div strong, #wrap-mycrystal div strong {
                display: block;
                background-color: #006699;
                color: white !important;
                padding: 0px 5px 0px 5px;
                margin: 0 -5px 5px;
                overflow: hidden;
            }

                #wrap-help div strong a, #wrap-mycrystal div strong a {
                    height: 20px;
                    width: 20px;
                    font-size: 10px;
                    float: right;
                    cursor: pointer;
                    text-decoration: none;
                    text-align: center;
                    color: #fff;
                    margin: 5px 0px;
                    vertical-align: middle;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                    background: #db7878;
                    background: -webkit-gradient(linear, left top, left bottom, from(#ea8f8f), to(#db7878));
                    background: -moz-linear-gradient(top, #ea8f8f, #db7878);
                    background: -ms-linear-gradient(top, #ea8f8f, #db7878);
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea8f8f', endColorstr='#db7878');
                }

                    #wrap-help div strong a:hover, #wrap-mycrystal div strong a:hover {
                        background: #db7878;
                        color: white;
                    }

                #wrap-help div a:hover, #wrap-mycrystal div a:hover {
                    color:#cccccc;
                }
        #wrap-help .draggable, #wrap-mycrystal .draggable {
             border-color:#bec3c8;
            color: black;
            z-index: 9999; /* move the z-index to the CSS */
        }
     
       
.wrap-help-hide, .wrap-mycrystal-hide {
    display: none;
}
.with-handle, .with-myhandle {
    border: solid 1px #d5d5d5;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    font-family: Arial;
    height: auto;
}

.with-handle  #helpnav, .with-myhandle  {
    list-style:none;
    font-size:12px;
    display:block;
}
.with-handle  #helpnav li a{
    text-decoration:none;
  
  }
.with-handle  #helpnav li a:hover {
    text-decoration:underline;
  }
#wrap-help span, #wrap-mycrystal span {
    font:12px arial;
}

.with-handle .wrap-inside {

width:100%;
border:none;
}

#wrap-help, #wrap-mycrystal {
    float: right;
}

#wrap-right {
    float: right;
    width: 55%;
}




#div-help, #div-mycrystal {
  float: right;
   width: auto;
    height: auto;
   font:12px Arial;
 line-height:normal;
}




.holdDrag {
    width:100%;
    background-color:#1169aa;
    height:25px;
    padding-top:5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.help-handle, .mycrystal-handle {
 width:300px;
      background-color:white;
       border: solid 0px #d5d5d5;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
    font-family: Arial;
    height: auto;
}
  #div-help .draggable, #div-mycrystal .draggable {
           
            color: black;
            z-index: 9999; /* move the z-index to the CSS */
        }

  .help-item, .mycrystal-item{
      padding:5px;
width:300px;

  }

    .help-item ul,  .mycrystal-item ul{
        width:280px;
      padding:5px;
      z-index:9999;
  }
            .help-item ul li, .mycrystal-item ul li {
                line-height:24px;
                
        }
            
 .helpbar{
        background-color: #33a089; margin: 10px 0px; color: #fff;width:100%; 
    }

     #div-help .help-handle .holdDrag, #div-mycrystal .mycrystal-handle .holdDrag {
                
                 overflow: hidden;
            }

       
    .row .Insbutton ul .mmenuR {
         margin-right:160px;
     }

.update{
    font-size:20px;
    font-family:Arial;
    line-height:28px;
}
.update span {
    font-size:30px;
    clear:both;
    font-weight:bold;

}



/* Small Media Screen 480,780,960  ------------------------------------ */

@media screen and (max-width:960px) {
    .CPlogo {
        display: none;
    }
    /* Landing Page Menu    */

    .mnav #nav li ul li ul a, .mnav #nav li ul li .arrow3, .mnav #nav li ul li a {
        padding-left: 10px;
    }
}

@media screen and (min-width:781px) {
  .PnlPopUpBoxBox1200{
     width:725px;
     left:5%;
       }
  .PnlPopUpBoxBox1200a{
     width:725px;

       }
}

@media screen and (min-width:960px) {
    .PnlPopUpBoxBox1200 {
        width: 935px;
            left:-8%;
    }
    .PnlPopUpBoxBox1200a{
       width: 935px;
 
       }
    .PnlPopUpOverlayS {
        overflow:visible;
    }
}


@media screen and (min-width:1200px) {
    .PnlPopUpBoxBox1200 {
        width: 1170px;
          left:-23%;
    }
       .PnlPopUpBoxBox1200a {
        width: 1170px;
      
    }
}

@media only screen and (max-width: 980px) {
  .PnlPopUpBoxBox960 {
      width:800px;

  }

}


@media only screen and (max-width: 780px) {
   .PnlPopUpBoxBox1200,  .PnlPopUpBoxBox1200a, .PnlPopUpBoxBox960, .PnlPopUpBoxBox800, .PnlPopUpBoxBox660, .PnlPopUpBoxBox560, .PnlPopUpBoxBox500, .PnlPopUpBoxBox460 {
        width: 97%;
        top: 0%;
        left: 0%;
        margin: 0;
        position: relative;
        box-shadow: none;
        border: none;
        border-radius: 0px;
    }

    .PnlPopUpBoxBox800scroll {
        width: auto;
        top: 0%;
        left: 0%;
        margin: 0;
        position: absolute;
        box-shadow: none;
        border: none;
        border-radius: 0px;
        overflow-y:visible;
       
    }

    #PnlPopUpOverlay, .PnlPopUpOverlay {
        overflow: visible;
        -ms-overflow-style:none;
    }

    .divscroll, .pnlscroll{
        width: 100%;
        height: auto;
        overflow-y: auto;
    }

    #ArrowList ul li {
        display: inline;
        padding: 0px;
    }

    #ArrowList ul {
        padding-top: 0px;
    }

    body {
        background: #868585;
    }

    .radbuthor input[type="radio"] {
        text-align: right;
    }

    .radbuthor label {
        display: inline-block;
    }

    header {
        margin: 0;
        height: auto;
    }

    .headcontent {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        margin-top: 0px;
        height: auto;
    }

    .breadcrumbs {
        border-style: none;
    }

        .breadcrumbs ul {
            border: none;
        }

    .CPlogo {
        display: none;
    }

    .CurrentPeriod {
        width: auto;
        color: #fff;
    }

    .container {
        padding-top: 0px;
        clear: both;
        border: none;
        background-color: #fff;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .columns .five .PageTitle {
        width: 300px;
        margin-right: 150px;
    }

    .PageTitle {
        width: 400px;
    }

 .FixedHeader  {
    position:inherit;
  }
 
}
@media all and (min-width: 30px) and (max-width: 1100px) {
       .accbut {
        margin-top: 20px;
        width: auto;
        position:static;
    }
    .accheight {
    padding:10px;
    margin-right:20px;
    position: static;
    height: auto;
    width:97%;
}
    .accbut .one { margin:5px;}


}

@media only screen and (max-width: 480px) {

      
    .CPlogo {
        display: none;
    }

    header {
        margin: 0;
        height: auto;
    }

    .container {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .CurrentPeriod {
        font-size: 9px;
        padding-left: 8px;
    }

    header .logo {
        font-size: 12px;
    }

    .breadcrumbs {
        width: 100%;
    }


    .row .Insbutton ul .mmenuR {
        margin-right: 50px;
    }
    
     .bbuttonR {

     margin-left:50px;
 }
}


@media only screen and (max-width: 320px) {
   
   /*Button Insbutton remove float right*/

    .InsRight {
        float: none;
    }

  
}