/* CSS for DDI (drop-down input) */

div.ddicontainer {
   position: relative;
   font-family: arial, verdana, san-serif;
   font-size: 12px;
   /*NOTE: function sets default width is 200px */
   }

input.ddiinput {
   width: 100%;
   background-color: #fff;
   }

div.ddidropdown {
   width: 100%;
   display: none;
   position: absolute;
   border: 1px solid black;
   background-color: #fff;
   margin: -112px 0 0 250px;
   }

div.ddidropdowntop {
   width: 100%;
   background-color: #9bb0e3; 
   height: 17px; 
   color: #fff;
   font-style: normal; 
   font-weight: normal;
   }
   
div.ddidropdowntop a {
   color: #d00;
   font-style: normal;
   text-decoration: none;
   }

div.ddidropdowntop a:hover {
   color: #000;
   text-decoration: underline;
   }
      
div.ddilist {
   padding: 1px 2px 1px 3px;
   overflow: scroll;
   /*NOTE: function sets default height at 150px */
   }
div.ddilist a {
   color: #000;
   text-decoration: none;
   }
div.ddilist a:hover {
   color: #00f;
   text-decoration: underline;
   }   

   
/* CSS FOR DATEPICKER - CSS FOR DATEPICKER - CSS FOR DATEPICKER */

.parent { 
   border: 1px #2b2c33 solid; 
   } 
.prow { 
   border-bottom: 1px #2b2c33 solid; border-right: 1px #2b2c33 solid; 
   } 
.headRow { 
   font-family:arial,tahoma,verdana; font-size:9.5pt; color:#506749; font-weight:bold; 
   } 
.row { 
   font-family:verdana,tahoma,arial; font-size:9pt; color:#506749 
   } 
td.cell { 
   font-family:verdana,tahoma,arial; font-size:9pt; color:#506749 
   } 
select.dpr, input.dpr { 
   font-family:arial,tahoma,verdana; font-size:9pt; color:#506749; background-color:#e2eef3; border: 1px #273536 solid; 
   } 
td.days { 
   font-family:verdana,tahoma,arial; font-size:9pt; color:#000000; /*background-color:#c3c3c3;*/
   background-color: #96b3d6; 
   border-bottom: 1px #2b2c33 solid; border-right: 1px #2b2c33 solid; overflow:auto 
   } 
td.nodays { 
   font-family:verdana,arial,tahoma; font-size:9pt; color:#909090; background-color:#dfdfdf; 
   border-bottom: 1px #2b2c33 solid; border-right: 1px #2b2c33 solid; overflow:auto 
   } 
td.tday { 
   font-family:verdana,tahoma,arial; 
   font-size:9pt; color:#000000; 
   background-color: #8afffa; 
   border: 1px #2b2c33 solid; 
   overflow:auto 
   } 
.gr { 
   color:#374248 
   } 
td.full { 
   font-family:verdana,tahoma,arial; 
   font-size:9pt; 
   color:#000000; 
   background-color:#C99797; 
   border-bottom: 1px #2b2c33 solid; 
   border-right: 1px #2b2c33 solid; 
   }
   
   
/*  CSS FOR DATE PICKER INPUT (DPI)  */

div.dpicontainer {
   position: relative;
   font-family: arial, verdana, san-serif;
   font-size: 12px;
   }

input.dpiinput {
   width: 100%;
   background-color: #fff;
   }

div.dpidropdown {
   width: 100%;
   display: none;
   position: absolute;
   border: 1px solid black;
   background-color: #fff;
   margin: -22px 0 0 208px;
   }

div.dpidropdowntop {
   width: 100%;
   background-color: #9bb0e3; 
   height: 17px; 
   color: #fff;
   font-style: normal; 
   font-weight: normal;
   }
   
div.dpidropdowntop a {
   color: #d00;
   font-style: normal;
   text-decoration: none;
   }

div.dpidropdowntop a:hover {
   color: #000;
   text-decoration: underline;
   }
/*      
div.dpical {
   padding: 1px 2px 1px 3px;
   overflow: scroll;
   NOTE: function sets default height at 150px 
   }

div.ddical a {
   color: #000;
   text-decoration: none;
   }
div.ddilist a:hover {
   color: #00f;
   text-decoration: underline;
   }   
*/