body { background-color: #ffffff; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #0000ff; text-align: center; font-weight: bold; }
#maindiagram { top: 0px; left: 0px; position: absolute; z-index: 0; }
#lblErrorMsg { left: 300px ; top: 100px; width: 400px; position: absolute; font-size: 12px; color: #000000; }

/* PIPE LAYERS -- provide transparency so we can fill the pipe between this and the background */
#NCTSC_PipeLayer { top: 128px; left: 26px; z-index: 2; position: absolute; }
#Gladwin_PipeLayer { top: 128px; left: 158px; z-index: 2; position: absolute; }
#Harris_PipeLayer { top: 128px; left: 547px; z-index: 2; position: absolute; }
#Maclure_PipeLayer { top: 128px; left: 680px; z-index: 2; position: absolute; }
#IndusRd_PipeLayer { top: 128px; left: 807px; z-index: 2; position: absolute; }
#Hwy11_PipeLayer { top: 128px; left: 900px; z-index: 2; position: absolute; }
#NCTSB_PipeLayer { top: 263px; left: 26px; z-index: 2; position: absolute; }
#Straiton_PipeLayer { top: 263px; left: 893px; z-index: 2; position: absolute; }
#NCTSA_PipeLayer { top: 398px; left: 26px; z-index: 2; position: absolute; }
#Gladys_PipeLayer { top: 646px; left: 657px; z-index: 2; position: absolute; }
#Bevan_PipeLayer { top: 646px; left: 516px; z-index: 2; position: absolute; }

/* PIPE FILLERS -- the blue pixels representing water in the pipe */
#Pipe1_1 { left: 26px; z-index: 1; width: 80px; height: 0px; position: absolute; }
#Pipe1_2 { left: 158px; z-index: 1; width: 80px; height: 0px; position: absolute; }
#Pipe1_3 { left: 547px; z-index: 1; width: 80px; height: 0px; position: absolute; }
#Pipe1_4 { left: 680px; z-index: 1; width: 80px; height: 0px; position: absolute; }
#Pipe1_5 { left: 807px; z-index: 1; width: 80px; height: 0px; position: absolute; }
#Pipe1_6 { left: 900px; z-index: 1; width: 80px; height: 0px; position: absolute; }
#Pipe2_1 { left: 26px; z-index: 1; width: 80px; height: 0px; position: absolute; }
#Pipe2_2 { left: 893px; z-index: 1; width: 80px; height: 0px; position: absolute; }
#Pipe3_1 { left: 26px; z-index: 1; width: 80px; height: 0px; position: absolute; }
#Pipe4_1 { left: 516px; z-index: 1; width: 80px; height: 0px; position: absolute; }
#Pipe4_2 { left: 657px; z-index: 1; width: 80px; height: 0px; position: absolute; }

/* PIPE TEXT */
#PipeText1_1 { left: 26px; top: 209px; width: 80px; height: 12px; position: absolute; }
#PipeText1_2 { left: 158px; top: 209px; width: 80px; height: 12px; position: absolute; }
#PipeText1_3 { left: 547px; top: 209px; width: 80px; height: 12px; position: absolute; }
#PipeText1_4 { left: 680px; top: 209px; width: 80px; height: 12px; position: absolute; }
#PipeText1_5 { left: 807px; top: 209px; width: 80px; height: 12px; position: absolute; }
#PipeText1_6 { left: 900px; top: 209px; width: 80px; height: 12px; position: absolute; }
#PipeText2_1 { left: 26px; top: 344px; width: 80px; height: 12px; position: absolute; }
#PipeText2_2 { left: 893px; top: 344px; width: 80px; height: 12px; position: absolute; }
#PipeText3_1 { left: 26px; top: 479px; width: 80px; height: 12px; position: absolute; }
#PipeText4_1 { left: 516px; top: 727px; width: 80px; height: 12px; position: absolute; }
#PipeText4_2 { left: 657px; top: 727px; width: 80px; height: 12px; position: absolute; }

/* BARS */
#Bar1 { left: 301px; width: 12px; height: 0px; z-index: 1; position: absolute;}
#Bar2 { left: 381px; width: 12px; height: 0px; z-index: 1; position: absolute;}
#Bar3 { left: 461px; width: 12px; height: 0px; z-index: 1; position: absolute;}


/* BAR TEXT */
#BarText1 { left: 281px; top: 209px; width: 60px; height: 12px; position: absolute; }
#BarText2 { left: 361px; top: 209px; width: 60px; height: 12px; position: absolute; }
#BarText3 { left: 441px; top: 209px; width: 60px; height: 12px; position: absolute; }

/* RAIN BARS */
#Rain1_1 { left: 892px; width: 12px; height: 0px; z-index: 1; position: absolute;}
#Rain1_2 { left: 950px; width: 12px; height: 0px; z-index: 1; position: absolute;}
#Rain2_1 { left: 135px; width: 12px; height: 0px; z-index: 1; position: absolute;}
#Rain2_2 { left: 193px; width: 12px; height: 0px; z-index: 1; position: absolute;}
#Rain2_3 { left: 255px; width: 12px; height: 0px; z-index: 1; position: absolute;}
#Rain2_4 { left: 313px; width: 12px; height: 0px; z-index: 1; position: absolute;}
#Rain2_5 { left: 375px; width: 12px; height: 0px; z-index: 1; position: absolute;}
#Rain2_6 { left: 433px; width: 12px; height: 0px; z-index: 1; position: absolute;}
#Rain2_7 { left: 892px; width: 12px; height: 0px; z-index: 1; position: absolute;}
#Rain2_8 { left: 950px; width: 12px; height: 0px; z-index: 1; position: absolute;}

/* RAIN TEXT */

#RainText1_1 { left: 878px; top: 563px; width: 48px; height: 12px; position: absolute; }
#RainText1_2 { left: 936px; top: 563px; width: 48px; height: 12px; position: absolute; }
#RainText2_1 { left: 121px; top: 727px; width: 48px; height: 12px; position: absolute; }
#RainText2_2 { left: 179px; top: 727px; width: 48px; height: 12px; position: absolute; }
#RainText2_3 { left: 241px; top: 727px; width: 48px; height: 12px; position: absolute; }
#RainText2_4 { left: 299px; top: 727px; width: 48px; height: 12px; position: absolute; }
#RainText2_5 { left: 361px; top: 727px; width: 48px; height: 12px; position: absolute; }
#RainText2_6 { left: 419px; top: 727px; width: 48px; height: 12px; position: absolute; }
#RainText2_7 { left: 878px; top: 727px; width: 48px; height: 12px; position: absolute; }
#RainText2_8 { left: 936px; top: 727px; width: 48px; height: 12px; position: absolute; }

/* SWITCHES */
#Switch1 { left: 40px; top: 649px; width: 20px; height: 20px; z-index: 1; position: absolute; }
#Switch2 { left: 40px; top: 704px; width: 20px; height: 20px; z-index: 1; position: absolute; }

/* SWITCH TEXT */
#SwitchText1 { left: 26px; top: 670px; width: 48px; height: 12px; position: absolute; }
#SwitchText2 { left: 26px; top: 725px; width: 48px; height: 12px; position: absolute; }

/* DATE LABEL */
#lblRecentUpdate { left: 10px; top: 760px; width: 400px; height: 12px; position: absolute; color: #000000; text-align: left; font-weight: normal; }
#lblOldestUpdate { left: 10px; top: 774px; width: 400px; position: absolute; color: #000000; text-align: left; font-weight: normal; }

/* Copyright Tag */
#report-footer { top: 760px; left: 660px; position: absolute; color: #000000; font-weight: normal; }
#report-footer img { margin-right: 2px; vertical-align: middle; }

#lbldisclaimer { left: 660px ; top: 785px; width: 340px; position: absolute; font-size: 8px; color: #000000; font-weight: normal; text-align: left; }

        #container 
        {
            margin: 0 auto;
            width: 1000px;
            height: 750px;
            position: relative;
        }
        #containerbg {
            position: absolute;
            top: 0px;
            left: 0px;
        }
        #containerlogo {
            position: absolute;
            top: 0px;
            left: 421px;
        }

       .BarGroupControl_MtLehman_Rain
        {
            position: absolute;
            top: 80px;
            left: 102px;
            width: 140px;
            z-index: 10;
        }
        #BarGroupControl_MtLehman_Line
		{
			position: absolute;
            top: 83px;
            left: 150px;
			margin-left: auto;
			margin-right: auto;
		}
        #BarGroupControl_MtLehman_Rain_BlueSwitch {
            position: absolute;
            top: 280px;
            left: 390px;
            z-index: 10;
        }
        .RainSummaryControl_MtLehman_Rain {
            position: relative;
            top: 120px;
            z-index: 10;
        }

        .BarGroupControl_James_TP
        {
            position: absolute;
            top: 80px;
            left: 244px;
            width: 210px;
            z-index: 10;
        }  
        #BarGroupControl_James_TP_Line
		{
			position: absolute;
            top: 305px;
            left: 515px;
			margin-left: auto;
			margin-right: auto;
		}
        #BarGroupControl_James_TP_GreenSwitch {
            position: absolute;
            top: 300px;
            left: 515px;
        }
         
        /*   
        .PipeControl_Harris_Road 
        {
            position: absolute;
            top: 80px;
            left: 317px;
            z-index: 10;
        }  
        #PipeControl_Harris_Road_Line
		{
			position: absolute;
            top: 300px;
            left: 535px;
			margin-left: auto;
			margin-right: auto;
		}
		#PipeControl_Harris_Road_GreenSwitch {
            position: absolute;
            top: 298px;
            left: 533px;
        }
        */

        .PipeControl_Gladwin_Road 
        {
            position: absolute;
            top: 80px;
            left: 456px;
            z-index: 10;
        }
        #PipeControl_Gladwin_Road_Line
		{
			position: absolute;
            top: 358px;
            left: 553px;
			margin-left: auto;
			margin-right: auto;
		}

        #PipeControl_Gladwin_Road_GreenSwitch {
            position: absolute;
            top: 350px;
            left: 545px;
            z-index: 10;
        }

        .PipeControl_Maclure_Road 
        {
            position: absolute;
            top: 80px;
            left: 557px;
        }
        #PipeControl_Maclure_Road_Line
		{
			position: absolute;
            top: 400px;
            left: 618px;
			margin-left: auto;
			margin-right: auto;
		}
		#PipeControl_Maclure_Road_GreenSwitch {
        position: absolute;
        top: 390px;
        left: 610px;
        z-index: 10;
        }
        /*
        .PipeThinHeaderCustom 
        {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 113px;
        height: 24px;
        color: #000;
        font-weight:bold;
        font-size: 8pt;
        line-height: 100%;
        }

        .PipeThinLevelCustom 
        {
        position: absolute;
        top: 26px;
        left: 0px;
        width: 115px;
        height: 13px;
        color: #000;
        z-index: 50;
        }

        .PipeControl_Industrial_Road_North 
        {
        position: absolute;
        top: 80px;
        left: 646px;
        }

        .PipeControl_Industrial_Road_South 
        {
        position: absolute;
        top: 80px;
        left: 760px;
        z-index: 10;
        }

        #PipeControl_Highway_Eleven_South_Line
		{
			position: absolute;
            top: 204px;
            left: 649px;
			margin-left: auto;
			margin-right: auto;
		}
        */

        .PipeControl_Highway_Eleven 
        {
            position: absolute;
            top: 80px;
            left: 658px;
            z-index: 10;
        }
        #PipeControl_Highway_Eleven_Line
		{
			position: absolute;
            top: 388px;
            left: 657px;
			margin-left: auto;
			margin-right: auto;
		}
        #PipeControl_Highway_Eleven_North_GreenSwitch {
            position: absolute;
            top: 380px;
            left: 635px;
            z-index: 10;
        }

        .PipeControl_NCTS_B
        {
            position: absolute;
            top: 130px;
            left: 1px;
            z-index: 10;
        }
        #PipeControl_NCTS_B_GreenSwitch {
            position: absolute;
            top: 380px;
            left: 440px;
            z-index: 10;
        }
        #PipeControl_NCTS_B_Line
		{
			position: absolute;
            top: 387px;
            left: 447px;
			margin-left: auto;
			margin-right: auto;
		}

        .PipeControl_Straiton
        {
            position: absolute;
            top: 80px;
            left: 759px;
            z-index: 10;
        }
        #PipeControl_Straiton_Line
		{
			position: absolute;
            top: 342px;
            left: 775px;
			margin-left: auto;
			margin-right: auto;
		}
        #PipeControl_Straiton_GreenSwitch {
            position: absolute;
            top: 342px;
            left: 781px;
            z-index: 10;
        }
        
        .BarGroupControl_StAuguston_Rain
        {
            position: absolute;
            top: 80px;
            left: 857px;
            width: 140px;
            z-index: 10;
        }
        #BarGroupControl_StAuguston_Line
		{
			position: absolute;
            top: 83px;
            left: 150px;
			margin-left: auto;
			margin-right: auto;
		}
        #BarGroupControl_StAuguston_Rain_BlueSwitch {
            position: absolute;
            top: 342px;
            left: 838px;
            z-index: 10;
        }
        .RainSummaryControl_StAuguston_Rain
        {
            position: relative;
            top: 120px;
            z-index: 10;
        }

        .PipeControl_Hazelwood
        {
        position: absolute;
        top: 350px;
        left: 898px;
        z-index: 10;
        }

        #PipeControl_Hazelwood_Line
		{
			position: absolute;
            top: 342px;
            left: 780px;
			margin-left: auto;
			margin-right: auto;
		}
        #PipeControl_Hazelwood_GreenSwitch {
        position: absolute;
        top: 380px;
        left: 660px;
        z-index: 10;
        }

        .PipeControl_NCTS_A
        {
            position: absolute;
            top: 260px;
            left: 1px;
            z-index: 10;
        }
                #PipeControl_NCTS_A_Line
		{
			position: absolute;
            top: 393px;
            left: 428px;
			margin-left: auto;
			margin-right: auto;
		}
        #PipeControl_NCTS_A_GreenSwitch {
        position: absolute;
        top: 385px;
        left: 420px;
        z-index: 10;
        }

        .PipeControl_Gardner
        {
        position: absolute;
        top: 390px;
        left: 1px;
        z-index: 10;
        }
        #PipeControl_Gardner_Line
		{
			position: absolute;
            top: 405px;
            left: 367px;
			margin-left: auto;
			margin-right: auto;
		}
        #PipeControl_Gardner_GreenSwitch {
        position: absolute;
        top: 400px;
        left: 360px;
        z-index: 10;
        }
        /*
        .BarGroupControl_LedgeView_Rain
        {
            position: absolute;
            top: 470px;
            left: 856px;
            width: 140px;
            z-index: 10;
        }
        #BarGroupControl_LedgeView_Rain_Line
		{
			position: absolute;
            top: 393px;
            left: 833px;
			margin-left: auto;
			margin-right: auto;
		}
        #BarGroupControl_LedgeView_Rain_Location {
        position: absolute;
        top: 385px;
        left: 825px;
        z-index: 10;
        }
        */
        /*
        .PipeControl_Pullman
        {
        position: absolute;
        top: 480px;
        left: 2px;
        z-index: 10;
        }
        #PipeControl_Pullman_Line
		{
			position: absolute;
            top: 403px;
            left: 65px;
			margin-left: auto;
			margin-right: auto;
		}
        #PipeControl_Pullman_GreenSwitch {
        position: absolute;
        top: 395px;
        left: 55px;
        z-index: 10;
        }
        */

        .BarGroupControl_Old_Yale_Rain
        {
            position: absolute;
            top: 582px;
            left: 2px;
            width: 140px;
            z-index: 10;
        }
        #BarGroupControl_Old_Yale_Line
		{
			position: absolute;
            top: 423px;
            left: 338px;
			margin-left: auto;
			margin-right: auto;
		}
        #BarGroupControl_Old_Yale_Rain_BlueSwitch {
            position: absolute;
            top: 413px;
            left: 330px;
            z-index: 10;
        }
        .RainSummaryControl_Old_Yale_Rain
        {
            position: relative;
            top: 120px;
            z-index: 10;
        }


        .BarGroupControl_Maclure_Rain
        {
            position: absolute;
            top: 582px;
            left: 145px;
            width: 140px;
            z-index: 10;;
        }
        #BarGroupControl_Maclure_Rain_Line
		{
			position: absolute;
            top: 403px;
            left: 438px;
			margin-left: auto;
			margin-right: auto;
		}
        #BarGroupControl_Maclure_Rain_GreenSwitch 
        {
            position: absolute;
            top: 395px;
            left: 430px;
            z-index: 10;
        }
        .RainSummaryControl_Maclure_Rain
        {
            position: relative;
            top: 120px;
            z-index: 10;
        }
		
		
		.BarGroupControl_City_Hall_Rain
        {
            position: absolute;
            top: 582px;
            left: 288px;
            width: 140px;
            z-index: 10;
        }
        #BarGroupControl_City_Hall_Rain_Line
		{
			position: absolute;
            top: 408px;
            left: 508px;
			margin-left: auto;
			margin-right: auto;
		}
        #BarGroupControl_City_Hall_Rain_GreenSwitch {
            position: absolute;
            top: 400px;
            left: 500px;
            z-index: 10;
        }
        .RainSummaryControl_City_Hall_Rain
        {
            position: relative;
            top: 120px;
            z-index: 10;
        }


        .PipeControl_Bevan_Ave
        {
        position: absolute;
        top: 622px;
        left: 435px;
        z-index: 10;
        }
        #PipeControl_Bevan_Ave_Line
		{
			position: absolute;
            top: 438px;
            left: 631px;
			margin-left: auto;
			margin-right: auto;
		}
        #PipeControl_Bevan_Ave_GreenSwitch {
        position: absolute;
        top: 430px;
        left: 620px;
        z-index: 10;
        }

        .PipeControl_Gladys_Ave
        {
        position: absolute;
        top: 622px;
        left: 538px;
        z-index: 10;
        }
        #PipeControl_Gladys_Ave_Line
		{
			position: absolute;
            top: 423px;
            left: 660px;
			margin-left: auto;
			margin-right: auto;
		}
        #PipeControl_Gladys_Ave_GreenSwitch {
        position: absolute;
        top: 415px;
        left: 650px;
        z-index: 10;
        }

        /*
        .PipeControl_McKenzie
        {
        position: absolute;
        top: 610px;
        left: 641px;
        z-index: 10;
        }
        #PipeControl_McKenzie_Line
		{
			position: absolute;
            top: 468px;
            left: 688px;
			margin-left: auto;
			margin-right: auto;
		}
        #PipeControl_McKenzie_GreenSwitch {
        position: absolute;
        top: 460px;
        left: 680px;
        z-index: 10;
        }
        */
        .PipeControl_Cameron
        {
        position: absolute;
        top: 622px;
        left: 641px;
        z-index: 10;
        }
        #PipeControl_Cameron_Line
		{
			position: absolute;
            top: 468px;
            left: 688px;
			margin-left: auto;
			margin-right: auto;
		}
        #PipeControl_Cameron_GreenSwitch {
        position: absolute;
        top: 415px;
        left: 710px;
        z-index: 10;
        }

        .PipeControl_Huntingdon
        {
        position: absolute;
        top: 622px;
        left: 746px;
        z-index: 10;
        }

        #PipeControl_Huntingdon_Line
		{
			position: absolute;
            top: 468px;
            left: 793px;
			margin-left: auto;
			margin-right: auto;
		}
        #PipeControl_Huntingdon_GreenSwitch {
        position: absolute;
        top: 550px;
        left: 770px;
        z-index: 10;
        }

        /*
        .BarGroupControl_Marshall_Creek_Rain
        {
            top: 610px;
            left: 855px;
            width: 140px;
            z-index: 10;
        }
        #BarGroupControl_Marshall_Creek_Rain_Line
		{
			position: absolute;
            top: 508px;
            left: 758px;
			margin-left: auto;
			margin-right: auto;
		}
        #BarGroupControl_Marshall_Creek_Rain_GreenSwitch {
        position: absolute;
        top: 500px;
        left: 750px;
        z-index: 10;
        }
        */