/* for all W3C conforming browsers */

/* Patterns for shortcut margin and padding entries:
   4 values go clockwise: top right bottom left; 
   2 values: top/bottom left/right;
   3 values: top left/right bottom;
   1 value: top/bottom/left/right;
      
   Min and Max height/width are not supported by IE6
*/

/* LAYOUT POSITION */

html { height: 100%; }
/*
body {
   min-height: 100%;
   margin: 0;
   padding: 0;
   color: black;
   font-size: 80%; 
   font-family: arial, geneva, "lucida grande", helvetica, verdana, sans-serif;
   background-color: #ffffff;
   /*background-color: #E4EDF0;  same as header and sidebar */
   }
*/
h1 
{
   margin: 5px; 
   font-size: 115%;
   font-weight: bold;
   /*letter-spacing: .05em;*/
} 
  
div#pWrap { 
   min-height: 100%; 
   max-width: 1040px; /*restricts width of layout*/
   padding: 0;
   position: relative;
   background: url(../images/wrapBackground.gif) #ffffff repeat-y top left; 
   border-right: 1px solid #cccccc;
   }
* html body  { height: 100%;} /* IE6 */
* html body div#pWrap  { height: 100%;} /* IE6 */

/***  DEFAULT ELEMENTS ***/
table, td, th, caption, p, 
ul, ol, li, label, legend, input { 
   font-size: 100%;  /*  IE5-7 */
   }
table {

   border-collapse: collapse;
   empty-cells: show;
   clear: both;
}
form {
   margin:0;
   }
ul {
   list-style-type: square;
   
   
}
a:link {
   color: #0000CC;
   text-decoration: none;
}
a:visited {
   color: #0000CC;
   text-decoration: none;
}
a:hover {
   color: #0000ff;
   text-decoration: underline;
}
a:active {
   color: #0000ff;
   text-decoration: underline;
}

/* HORIZONTAL BANNER */
#pBanner {
   min-width: 780px;
   min-height: 40px;
   width: 100%;
   float: left;
   display: block;
   position: relative;
   background-color: #E4EDF0;
   }
#pLogo {
   float: left;
   margin: 8px;
   }
#pLinks {
   float: right;
   display: block;
   margin: 0;
   position: absolute; /* change to RELATIVE to stop positioning */
   bottom: 2px; /* remove if change to RELATIVE */
   right: 2px; /* remove if change to RELATIVE */
}
#pLinks li {
   float: left;
   margin: 0;
   list-style: none;
   position: relative;
   padding: 10px 8px 3px 10px;
}

/* HORIZONTAL NAV */
#pTabs{
   clear: both;
   min-height: 1.65em; /* keeps floating boxes inside bar */
   min-width: 600px; /* 800 minus padding and scrollbar */
   padding: 3px 0 3px 180px; /* change left padding to move buttons */
   padding: 3px 0 3px 4px; /* use above to move buttons over */
   position: relative;
   background-color: #BBC6D2;
   border-top: 1px solid #999999;
   border-bottom: 1px solid #999999;
   }
#pTabs ul {
   margin: 0;
   padding: 0;
   text-align: center;
 }
#pTabs li {
   background-color: #bbccd1;
   background-image: url(../images/tab-bg.gif);
   border: 1px solid #999999;
   color: #000000;
   float: left;
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
   margin:0 3px 0 0;
   padding: 2px 4px;
   min-width: 80px;
   position: relative;
   text-align: center;
   z-index: 2;
   }
#pTabs li.selected {
   background-color: #e4edf0;
   background-image: url(../images/tab-selected-bg.gif);
 }
#pTabs li:hover 
{
	background-color: #fff;
	background-image: url(../images/tab-selected-bg.gif);
 }
#pTabs a:link {
   color: #000000;
   text-decoration: none;
}
#pTabs a:visited {
   color: #000000;
   text-decoration: none;
}
#pTabs a:hover {
   color: #0000ff;
   text-decoration: none;
}
#pTabs a:active {
   color: #0000ff;
   text-decoration: none;
}
#pTabButtons li.selected a
{
   color: #0000ff;
   font-weight: bold;	
}

/* VERTICAL NAV */
#pSidebar {
   width: 175px; 
   position: absolute;
   left: 0;
   margin: 0;
   padding: 10px 0 10px 6px;
   overflow: hidden;
   }
#pSidebar ul {
   margin: 0;
   padding: 0;
   list-style-image: none;
   list-style-type: none;
}
#pSidebar li {
   margin: 0 0 0 5px;
   padding: 0;
   list-style-image: none;
   list-style-type: none;
}
#pSidebar li.selected {
   list-style: none;
}
#pSidebar li a {
   display: block;
   margin: 0 auto;
   /*padding: 4px 2px 4px 2px;*/
   padding: 3px 2px 3px 5px;
   text-decoration: none;
   }
#pSidebar li.selected a,
#pSidebar li.selected a:hover { /* remove so selected link looks normal */
   /* color: #e15c1d; Change color here */
   font-weight: bold;
   background-color: #ffffff;
   border-top: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   border-left: 1px solid #cccccc;
   /*padding: 3px 2px 3px 1px;*/
   padding: 2px 2px 2px 4px;
   text-decoration: none;
}
#pSidebar li a:hover {
   background-color: #ffffff;
   border-top: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   border-left: 1px solid #cccccc;
   /*padding: 3px 2px 3px 1px;*/
   padding: 2px 2px 2px 4px;
   }
.pVNavSect {
   margin: 0 0 1.5em;
   }
.pVNavSect p {
   margin: .5em 4px;
   }
.pVNavSect .pVNavHead  {
   font-weight: bold;
   font-size: 100%;
   padding: 0;
   margin: 1.0em 0 .25em;
   }
 
/* PRIMARY CONTENT AREA */   
#pContent {
   clear: both; 
   min-width: 700px; /* 1024 res */
   min-height: 500px; /* change to prevent footer from overlapping VNavbar */
   max-width: 950px;
   position: relative;
   margin: 10px 0 0 0px;
   /*padding: 10px 10px 2em 10px;
   background: #ffffff;*/
   }
/* first element in content (Mozilla) */
#pContent>*:first-child {
   margin-top: 0; 
   }
/* first p in table cell (Mozilla) */
#pContent > td p:first-child {
   margin-top: 0; 
   }
#pLocation 
{
   margin: 0 0 0px;
   background: #F0F2F4;
   border: 1px solid #dddddd;
   padding: 0px;
   vertical-align: middle;
   height: 28px;
   display: flex;               /* establish flex container */
   align-items: center;
   justify-content: space-between;
   }
#pLocation span.location_text 
{
	
   margin: auto 0px; 
   font-size: 115%;
   font-weight: bold;
   letter-spacing: .05em;
   float: left;
   }   
#pContentInfo {
   clear: both;
   margin: .75em 0;
   min-height: 1.5em;
   position: relative;
   }
#pContentInfo .links {
   float: left;
   margin-right: 20px;
   }
#pContentInfo ul {
   margin: auto 0 auto 2px;
   padding: 0;
 }
#pContentInfo li {
   float: left;
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none; /* ie bug prevents bullet when floated */
   margin-right: 20px;
   padding: 0;
   position: relative;
   }
#pContentInfo .recordDetails {
   float: right;
   margin: 0 0 0 20px;
   }

#pContent div.sectHead 
{
    display: flex;               /* establish flex container */
    align-items: center;
    justify-content: space-between;
    background-color: #F0F0F0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

#pContent h2.sectHead {
   margin: 0 0 1px;
   padding: 2px;
   background-color: #dddddd;
   border-top: 1px solid #BBC6D2;
   border-bottom: 1px solid #BBC6D2;
   font-size: 100%;
   color: #333333;
   font-weight: bold;
   }
   
.pDataEntry {
   clear: both;
   
   padding: 2px;
   }
.pDataEntry .divOptions {
   margin: 5px 2px .5em;
   }
.pDataEntry table {
   border: none;
   width: 100%;
   margin: 0 auto;
   }
.pDataEntry caption {
   padding: 3px 2px;
   background-color: #dddddd;
   font-size: 100%;
   color: #333333;
   font-weight: bold;
   text-align: left;
   }
.pDataEntry table td {
    /*
	padding: 2px 10px 2px 2px;
    vertical-align: top;
    border:none;
	*/
    }  
.pDataEntry td label, .pDataEntry td.label {
   text-align: left;
   font-weight: normal;
   white-space: nowrap;
   }
.pDataEntry td.label {
   background-color: #ffffff ;
   }
   
.pResults {
   min-width: 580px;
   margin: 20px 0 0 0;
   padding: 2px;
   overflow: hidden;
   }

.pResults table {
   border: none;
   width: 100%;
   margin: 0 auto;
   }
   
   

   
.pResults caption {
   padding: 3px 2px;
   background-color: #dddddd;
   border-top: 2px solid #BBC6D2;
   border-bottom: 1px solid #BBC6D2;
   font-size: 100%;
   color: #333333;
   font-weight: bold;
   text-align: left;
   }
.pResults table td {
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    border-bottom: 1px solid #BBC6D2;
    color: #333333;
    }  
.pResults td label, .pResults td.label {
   text-align: right;
   /*font-weight: normal;*/
   white-space: nowrap;
   }
.pResults td.label {
   background-color: #F0F2F4 ;
   color: #000000;
   }
   

th.GridHeader {
   text-align: left;
   color: #333333;
   min-height: 25px;
   line-height: normal;
   background: url(../images/HNavBg.gif) repeat-x top left #bcc8d5;
   }

.rowHoverHighlight {
   background-color: #e4edf0;
   }
div.frmButtons {
   clear: both;
   margin: 1em 0;
   }
a.button {
    padding: 3px 5px !important;
    background-color: #E4EDF0 !important;
    background-image: url(../images/silver-button-background02.gif) !important;
    background-repeat: repeat !important;
    border: 1px solid #cccccc !important;
    margin: 2px 0px;
    color: black !important;
    text-decoration: none !important;
    font-weight: normal !important;
    font-size: 100% !important;
}
a.button:hover {
   background-color: #BBC6D2  !important;
   background-image: url(../images/silver-button-background-hi.gif)  !important;
   background-repeat:repeat  !important;   
   text-decoration: none  !important;
   font-weight: normal  !important;
   font-size: 100%  !important;
   }   

a.button_location {
   padding: 2px 5px;
   background-color: #E4EDF0;
   background-image: url(../images/silver-button-background02.gif);
   background-repeat:repeat;
   border: 1px solid #cccccc;
   margin: 0;
   color: black;
   text-decoration: none;
   font-weight: normal;
   font-size: 100%;
   float: right;
   }
a.button_location:hover {
   background-color: #BBC6D2;
   background-image: url(../images/silver-button-background-hi.gif);
   background-repeat:repeat;   
   text-decoration: none;
   font-weight: normal;
   font-size: 100%;
   float: right;
   } 
input.error, textarea.error,
select.error {
   background-color:#FF9;
   font-weight: bold;
   }
   
.errorMsg {
   color: #C00;
   padding: 0px 4px 0px 0px;
   }

   
#pFooter {
   max-width: 1030px; /*restricts width of layout same as wrapper*/
   padding: 4px 5px;
   margin: 0;
   border-top: 1px solid #999999;
   border-right: 1px solid #cccccc;
   background-color: #BBC6D2;
  }



/* LOG REPORT FOR PO STATUS */

#tableheaderLog {
    text-align: left;
    border: 1px solid #d5d1d1;
    background-color: #f7f7f7;
    width: 100%;
}

    #tableheaderLog td {
        padding: 5px;
    }
    #tableheaderLog caption {
        padding: 10px;
    }

#tableheaderLog855 {
    padding: 15px;
    border: 1px solid #d5d1d1;
    background-color: #ffffff;
    float: right;
}
    #tableheaderLog855 tr {
        border-bottom: 1px solid #d5d1d1;
        padding: 0px;
        background-color: #fafafa;
    }

    #tableheaderLog855 td {
        padding: 1px;
    }

    #tableheaderLog855 .headers {
        background-color:#e8e6e6;
    }

    #tableheaderLog855 .rightSide {
        text-align:right;
        padding-right:10px;
    }
    #tableheaderLog855 .details {
        background-color: #ffffff;
    }


/* AUDIT LOG FOR PO STATUS */


#tableAuditLog {
    border: 1px solid #d5d1d1;
    border-collapse: collapse;
    width: 100%;
}
    #tableAuditLog caption {
        padding: 10px;
    }

    #tableAuditLog th {
        background-color: #f7f7f7;
        border: 1px solid #d5d1d1;
    }
    #tableAuditLog tr {
        border-bottom: 1px solid #d5d1d1;
    }

    #tableAuditLog td {
        padding: 2px 4px 2px 4px;
        border: 1px solid #d5d1d1;
    }

/* CONTROLLED SUBSTANCES POPUP */

.ControlledSubstancesTemplate {
    border-collapse: collapse;
    width: 100%;
}

.ControlledSubstancesTemplate_title {
    margin: 3px 2px 3px 2px;
    text-align: center;
    color: #ff0000;
    font-size: medium;
}

.ControlledSubstancesTemplate_data {
    margin: 3px 2px 3px 2px;
    text-align: left;
}
.ControlledSubstancesTemplate_dataCentered {
    margin: 3px 2px 3px 2px;
    text-align: left;
    text-align: center;
    font-size:small;
}

.ControlledSubstancesTemplate_buttons {
    margin: 3px 2px 3px 2px;
    text-align: center;
    padding: 10px;
    width: 50%;
}

.ControlledSubstancesTemplate_columns {
    margin: 3px 2px 3px 2px;
    padding-top: 30px;
    text-align: center;
    width: 100%;
}

.RadWindow_Default a.rwIcon {
    background-image: none !important;
}
/* FILTERS ON REPORTS VIEW */

.tableFlexFull {
    display: flex;
    margin:3px 5px 3px 8px;

}
.tableFlex {
    display: flex;
    margin: 4px 2px 4px 2px;

}
.tableColumnWidth {
    flex: 50%;
    display:inline-block;

}
.tableColumnLabel {
    flex: 50%;
    text-align: right;
    font-weight: normal;
    white-space: nowrap;
    margin-right: 4px;
    font-size: 12px;
    color: #888888;
    max-width:170px;

}
.tableColumnImput {
    flex: 50%;

}

/* CONTROLLED SUBSTANCES POPUP */

.ControlledSubstancesTemplate {
    border-collapse: collapse;
    width: 100%;
}

.ControlledSubstancesTemplate_title {
    margin: 3px 2px 3px 2px;
    text-align: center;
    color: #ff0000;
    font-size: medium;
}

.ControlledSubstancesTemplate_data {
    margin: 3px 2px 3px 2px;
    text-align: left;
}

.ControlledSubstancesTemplate_dataCentered {
    margin: 3px 2px 3px 2px;
    text-align: left;
    text-align: center;
    font-size: small;
}

.ControlledSubstancesTemplate_buttons {
    margin: 3px 2px 3px 2px;
    text-align: center;
    padding: 10px;
    width: 50%;
}

.ControlledSubstancesTemplate_columns {
    margin: 3px 2px 3px 2px;
    padding-top: 30px;
    text-align: center;
    width: 100%;
}

.RadWindow_Default a.rwIcon {
    background-image: none !important;
}