/* CSS Document border: 1px solid #000000; */
@media screen, print {

/* COPR flowchart */
/*#chart {
       width: 795px;
	   padding: 0;
	   margin: 0;
	   z-index: 0;
	   }
	   
#c1 {
        width: 795px;
		height: 120px;
		position: relative;
		top: 0;
		background-image: url(../images/coprflowchart/flowchart_r1_c1.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		z-index: 1;
		}

#c2 {
        width: 795px;
		height: 120px;
		position: relative;
		top: 0;
		background-image: url(../images/coprflowchart/flowchart_r3_c1.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		z-index: 1;
		}

#c3 {
        width: 795px;
		height: 120px;
		position: relative;
		top: 0px;
		background-image: url(../images/coprflowchart/flowchart_r5_c1.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		z-index: 1;
		}
		
#c4 {
        width: 795px;
		height: 120px;
		position: relative;
		top: -38px;
		background-image: url(../images/coprflowchart/flowchart_r7_c1.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		z-index: 5;
		}
#c5 {
        width: 795px;
		height: 120px;
		position: relative;
		top: -38px;
		background-image: url(../images/coprflowchart/flowchart_r9_c1.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		z-index: 1;
		}
		
#c6 {
        width: 795px;
		height: 80px;
		position: relative;
		top: -38px;
		z-index: 1;
		}
		
.blue1 {
        width: 400px;
		height: 70px;
		margin-left: 200px;
		background-color: #F5F5F5;
		overflow: visible;
		border: 1px solid #000000;
		padding: 2px;
		
		text-align: center;
		}
		
.blue2 {
        width: 117px;
		height: 55px;
		margin-left: 10px;
		background-color: #F5F5F5;
		border: 1px solid #000000;
		padding: 2px;
		float: left;
		text-align: center;
		}
		
.blue3 {
        width: 117px;
		height: 55px;
		background-color: #F5F5F5;
		border: 1px solid #000000;
		padding: 2px;
		float: left;
		text-align: center;
		}
		
.blue4 {
        width: 450px;
		height: 70px;
		margin-left: 175px;
		background-color: #F5F5F5;
		overflow: visible;
		border: 1px solid #000000;
		padding: 2px;
		text-align: center;
		}

.blue5 {
        width: 350px;
		height: 50px;
		left: 0;
		background-color: #F5F5F5;
		border: 1px solid #000000;
		padding: 2px;
		float: left;
		text-align: center;
		}
		
.blue6 {
        width: 350px;
		height: 50px;
		margin-left: 80px;
		background-color: #F5F5F5;
		border: 1px solid #000000;
		padding: 2px;
		float: left;
		text-align: center;
		}
		*/
		
		
		/* COPR flowchart */
#chart {
       width: 680px;
	   padding: 0;
	   margin: 0;
	   z-index: 0;
	   font-size: 12px;
	   list-style: none;
	   }

	   #prodauth-flowchart p, #research-flowchart-bpd p, #chart2 p, #chart p { font-size: 12px; }
	   	#prodauth-flowchart li, #research-flowchart-bpd li, #chart2 li, #chart li { margin: 0; padding: 0; }
		   ol ul { list-style: none !important; }
	   #prodauth-flowchart li ul, #research-flowchart-bpd li ul, #chart2 li ul, #pageContainer  #columnContainer #chart li ul { list-style: none !important; padding: 0; margin: 0; min-height: 55px; background: none; }	
	   #prodauth-flowchart li ul li, #research-flowchart-bpd li ul li, #chart2 li ul li, #chart li ul li { margin: 0 0 0 12px; padding: 0; background: #fff; }
#c1 {
        width: 680px;
		height: 120px;
		position: relative;
		top: 0;
		background-image: url(../images/coprflowchart/flowchart_r1_c1.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		z-index: 1;
		}

#c2 {
        width: 680px;
		height: 120px;
		position: relative;
		top: 0;
		background-image: url(../images/coprflowchart/flowchart_r3_c1.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		z-index: 1;
		}

#c3 {
        width: 680px;
		height: 120px;
		position: relative;
		top: 0px;
		background-image: url(../images/coprflowchart/flowchart_r5_c1.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		z-index: 1;
		}
		
#c4 {
        width: 680px;
		height: 120px;
		position: relative;
		top: -38px;
		background-image: url(../images/coprflowchart/flowchart_r7_c1.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		z-index: 5;
		}
#c5 {
        width: 680px;
		height: 110px;
		position: relative;
		top: -38px;
		background-image: url(../images/coprflowchart/flowchart_r9_c1.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		z-index: 1;
		}
		
#c6 {
        width: 680px;
		height: 80px;
		position: relative;
		top: -38px;
		z-index: 1;
		}
		
#chart li ul li.blue1 {
        width: 300px;
		height: 70px;
		margin-left: 190px;
		background-color: #F5F5F5;
		overflow: visible;
		/* padding-bottom: 30px; */
		border: 1px solid #000000;
		padding: 2px;
		
		text-align: center;
		}
		
.blue2 {
        width: 99px;
		height: 55px;
		margin-left: 10px;
		background-color: #F5F5F5;
		border: 1px solid #000000;
		padding: 2px;
		float: left;
		text-align: center;
		}
		
.blue3 {
        width: 99px;
		height: 55px;
		background-color: #F5F5F5;
		border: 1px solid #000000;
		padding: 2px;
		float: left;
		text-align: center;
		}
		
#chart li ul li.blue4 {
        width: 400px;
		height: 70px;
		margin-left: 140px;
		background-color: #F5F5F5;
		overflow: visible;
		/* padding-bottom: 30px; */
		border: 1px solid #000000;
		padding: 2px;
		text-align: center;
		}

#chart ul li.blue5 {
        width: 250px;
		height: 50px;
		left: 0;
		background-color: #F5F5F5;
		border: 1px solid #000000;
		padding: 2px;
		float: left;
		text-align: center;
		}
		
#chart ul li.blue6 {
        width: 250px;
		height: 50px;
		margin: 0 0 0 150px;
		background-color: #F5F5F5;
		border: 1px solid #000000;
		padding: 2px;
		float: left;
		text-align: center;
		}
		
/* BPD flowchart */
		
#chart2 { width: 485px;
          padding: 0;
	      margin-left: 50px;
	      z-index: 0;
	   }
	   
.bpd1 { width: 485px;
      height: 120px;
      position: relative;
	  top: 0;
      background-image: url(../images/bpdflowchart/flow_r1_c1.gif);
	  background-position: bottom;
	  background-repeat: no-repeat;
	  z-index: 1;
	 }
	 
#bpd2 {
      width: 485px;
      height: 280px;
      position: relative;
	  top: 0;
      background-image: url(../images/bpdflowchart/flow_r3_c1.gif);
	  background-position: bottom;
	  background-repeat: no-repeat;
	  z-index: 1;
	  }

#bpd3 {
      width: 485px;
      height: 179px;
      position: relative;
	  top: 0;
      background-image: url(../images/bpdflowchart/flow_r4_c1.gif);
	  background-position: bottom;
	  background-repeat: no-repeat;
	  z-index: 1;
	  }
	  
#bpd4 {
      width: 485px;
      height: 119px;
      position: relative;
	  top: 0;
      background-image: url(../images/bpdflowchart/flow_r5_c1.gif);
	  background-position: bottom;
	  background-repeat: no-repeat;
	  z-index: 1;
	  }
	  
#bpd5 {
      width: 485px;
      height: 119px;
      position: relative;
	  top: 0;
      background-image: url(../images/bpdflowchart/flow_r6_c1.gif);
	  background-position: bottom;
	  background-repeat: no-repeat;
	  z-index: 1;
	  }

#chart2 ul li.bpd6 { width: 485px;
      height: 80px;
      position: relative;
	  top: 0;
	  z-index: 1;
	 }

#chart2 ul li.bf1 {
        width: 450px;
		height: 80px;
	    margin-left: 35px;
		background-color: #F5F5F5;
		overflow: visible;
		/* padding-bottom: 30px; */
		border: 1px solid #000000;
		padding: 2px;
		text-align: center;
	  }
	  
#chart2 ul li.bf3 {
        width: 400px;
		height: 150px;
	    margin-left: 85px;
		background-color: #F5F5F5;
		overflow: visible;
		/* padding-bottom: 30px; */
		border: 1px solid #000000;
		padding: 2px;
		text-align: center;
	  }
	  
#chart2 ul li.bf4 {
        width: 400px;
		height: 80px;
	    margin-left: 85px;
		background-color: #F5F5F5;
		overflow: visible;
		/* padding-bottom: 30px; */
		border: 1px solid #000000;
		padding: 2px;
		text-align: center;
	  }
	  

#research-flowchart-bpd { position: relative; font-size: 12px; width: 680px; height: 740px; background: url(../images/bpdflowchart/research-flowchart-bg.gif) top center no-repeat; list-style: none; }
#prodauth-flowchart ol, #research-flowchart-bpd ul { font-size: 12px; margin: 0; list-style: none; }
#prodauth-flowchart li, #research-flowchart-bpd li { padding: 5px; border: 1px solid #000; position: absolute; background: #F5F5F5; text-align: center; }
#research-flowchart-bpd li ul li { background: none; border: 0; position: static; text-align: left; list-style: square; }

#research-flowchart-bpd .rf1 { width: 310px; top: 0; left: 165px; }
#research-flowchart-bpd .rf2 { width: 310px; top: 80px; left: 0; }
#research-flowchart-bpd .rf3 { width: 310px; top: 250px; left: 0px; }
#research-flowchart-bpd .rf4 { width: 130px; top: 330px; left: 0px; }
#research-flowchart-bpd .rf5 { width: 130px; top: 330px; left: 180px; }
#research-flowchart-bpd .rf6 { width: 220px; top: 450px; left: 40px; }
#research-flowchart-bpd .rf7 { width: 100px; top: 590px; left: 280px; }
#research-flowchart-bpd .rf8 { width: 50px; top: 530px; left: 80px; }
#research-flowchart-bpd .rf9 { width: 100px; top: 590px; left: 0px; }
#research-flowchart-bpd .rf10 { width: 50px; top: 530px; left: 170px; }
#research-flowchart-bpd .rf11 { width: 100px; top: 590px; left: 140px; }
#research-flowchart-bpd .rf12 { width: 310px; top: 80px; right: 0px; }
#research-flowchart-bpd .rf13 { width: 130px; top: 165px; right: 100px; }
#research-flowchart-bpd .rf14 { width: 50px; top: 245px; right: 180px; }
#research-flowchart-bpd .rf15 { width: 50px; top: 245px; right: 100px; }
#research-flowchart-bpd .rf16 { width: 220px; top: 310px; right: 40px; }
#research-flowchart-bpd .rf17 { width: 50px; top: 410px; right: 180px; }
#research-flowchart-bpd .rf18 { width: 100px; top: 590px; right: 140px; }
#research-flowchart-bpd .rf19 { width: 50px; top: 410px; right: 100px; }
#research-flowchart-bpd .rf20 { width: 100px; top: 590px; right: 0px; }

#prodauth-flowchart { position: relative; font-size: 12px; width: 400px; height: 560px; background: url(../images/bpdflowchart/prodauth-flowchart-bg.gif) top center no-repeat; margin: 20px 0 30px 0; list-style: none;  }
#prodauth-flowchart li { padding: 5px; border: 1px solid #000; position: absolute; background: #F5F5F5; text-align: center; }
#prodauth-flowchart ul { margin: 0; padding: 0; }
#prodauth-flowchart li ul li { background: #f5f5f5; margin: 0; }
#prodauth-flowchart li.pa1 { width: 100px; top: 0px; left: 145px; }
#prodauth-flowchart li.containerflow { height: 115px; background: none; position: absolute; top: 80px; left: 0; width: 380px; padding: 10px; border: 0; }
#prodauth-flowchart li.pa2 { width: 100px; top: 30px; left: 10px; }
#prodauth-flowchart li.pa3 { width: 100px; top: 30px; left: 145px; }
#prodauth-flowchart li.pa4 { width: 100px; top: 10px; right: 10px; }
#prodauth-flowchart li.pa5 { width: 150px; top: 250px; left: 110px; }
#prodauth-flowchart li.pa6 { width: 100px; top: 335px; left: 135px; }
#prodauth-flowchart li.pa7 { width: 100px; top: 315px; right: 0; }
#prodauth-flowchart li.pa8 { width: 100px; top: 400px; left: 0; }
#prodauth-flowchart li.pa9 { width: 100px; top: 400px; left: 135px; }
#prodauth-flowchart li.pa10 { width: 50px; top: 410px; right: 30px; }
#prodauth-flowchart li.pa11 { width: 175px; top: 485px; left: 0; }
#prodauth-flowchart li.pa12 { width: 175px; top: 485px; right: 0; }

}