BODY { background-color : #FFFFFF; background-image : url(../images/bg_GW_HO.gif); color : #666666; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; } hr { color : #CCCCCC; height : 1px; width : 100%; } p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000066; margin-top: 4px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px} .body { color : #666666; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 14px; font-style : normal; font-weight : normal; line-height : normal; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; } /* primary text classes */ .cel { font-size: 10px; background-color: #CCCCCC; } .cel-ovr { font-size: 10px; background-color: #FFCC00; } .txt { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000066; } .txt-mac {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000066; width: 135px;} .txt-wht { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; } .txt-ind{font-size: 10px; color:#000066; padding-left : 10px; } div p.txt-ind{font-size:11px; font-weight:bold; padding-left:20px;} div p.txt-ind a:link{font-size:11px; font-weight:bold; color:#000066; } div p.txt-ind a:visited{font-size:11px; font-weight:bold; color:#000066; } div p.txt-ind a:hover{font-size:11px; font-weight:bold; color:#0000AA; } .txt-ind2{font-size: 10px; color:#000066; padding-left : 20px; } .txt-ind3 {font-size: 10px; color: #000066 ; padding-left: 30px; } .txt-ctr { font-size: 10px; color: #000066; text-align : center; } .txt-ctr-rev { font-size: 10px; color: #FFFFFF; background-color: #000066; text-align: center; } .txt-rt { font-size: 10px; color:#000066; text-align : right; } .txt-rt-rev { font-size: 10px; color: #FFFFFF; background-color: #000066; text-align: right; } .txt-mnu { font-size: 10px; padding-left : 1px; padding-bottom : 0px; margin:0px;} .txt-mnu a:link { font-size: 10px; padding-left : 4px; line-height: 14px; font-weight: normal; text-decoration: none;} .txt-mnu a:visited { font-size: 10px; padding-left : 4px; line-height: 14px; font-weight: normal; text-decoration: none;} .txt-mnu a:hover {font-size: 10px; padding-left : 4px; line-height: 14px; font-weight: normal; text-decoration:underline; } .txt-under {font-size: 10px; border-bottom : solid 1px #FFFFFF;} .txt9 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #000066; } .txt9-ind{font-size: 9px; color:#000066; padding-left : 10px; } .txt9-ind2{font-size: 9px; color:#000066; padding-left : 20px; } .txt9-ind3 {font-size: 9px; color: #000066 ; padding-left: 30px; } .txt9-ctr { font-size: 9px; color: #000066; text-align : center; } .txt9-ctr-blk { font-size: 9px; color: #000000; background-color: #FFFFFF ; text-align: center; } .txt9-rt { font-size: 9px; color:#000066; text-align : right; } .hd {font-size: 10px; color: #000066; font-weight: bold; } .hd-wht {font-size: 10px; font-weight: bold; color: #FFFFFF; } .hd-ctr { font-size: 10px; color: #000066; font-weight: bold; text-align: center; } .hd-rt { font-size: 10px; color: #000066; font-weight: bold; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif;} .hd-rev-ctr { font-size: 10px; color: #FFFFFF; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; line-height: 18px; text-align: center; } .hd-rev { font-size: 10px; color: #FFFFFF; background-color: #000066; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; } .hd-ind-rev { font-size: 10px; color: #FFFFFF; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; line-height: 18px; text-indent: 10pt} .hd-ind { font-size: 10px; color:#000066; padding-left : 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;} .hd12 { font-size: 12px; font-weight: bold; color: #000066; } .hd12-wht { font-size: 12px; font-weight: bold; color: #FFFFFF; } .hd12-ctr { font-size: 12px; font-weight: bold; color: #000066; text-align: center;} .hd12-rev { font-size: 12px; color: #FFFFFF; background-color: #000066; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; line-height: normal;} .hd12-ind-rev { font-size: 12px; color: #FFFFFF; background-color: #336699; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; line-height: normal; text-indent: 10pt} .hd12-ctr-rev { font-size: 12px; color: #FFFFFF; font-weight: bold; margin-top: 0px; text-align: center; line-height: normal;} .hd14 {font-size: 14px; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } .hd-mnu { font-size: 11px; color: #FFFFFF; background-color: #0668B3; padding-left : 10px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; line-height: 18px; } .hd-mnu a:link { font-size: 11px; color: #FFFFFF; background-color: #0668B3; padding-left : 10px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; line-height: 18px; text-decoration: none;} .hd-mnu a:visited { font-size: 11px; color: #FFFFFF; background-color: #0668B3; padding-left : 10px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; line-height: 18px; text-decoration: none;} .hd-mnu a:hover { font-size: 11px; color: #FFCC00; background-color: #0668B3; padding-left : 10px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; line-height: 18px; text-decoration: underline;} .hd1-mnu { font-size: 11px; color: #FFFFFF; background-color: #0668B3; padding-left : 10px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; line-height: 18px; } .hd1-mnu a:link { font-size: 11px; color: #FFFFFF; background-color: #0668B3; padding-left : 10px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; line-height: 18px; text-decoration: none;} .hd1-mnu a:visited { font-size: 11px; color: #FFFFFF; background-color: #0668B3; padding-left : 10px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; line-height: 18px; text-decoration: none;} .hd1-mnu a:hover { font-size: 11px; color: #FFCC00; background-color: #0668B3; padding-left : 10px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; line-height: 18px; text-decoration: underline;} .hd-tab { font-size: 14px; color: #FFFFFF; padding-left : 0px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; line-height: 28px; text-align : center; } .hd-tab a:link {font-size: 14px; color: #FFFFFF; text-decoration: underline;} .hd-tab a:visited {font-size: 14px; color: #FFFFFF; padding-left : 0px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; line-height: 28px; text-align : center; text-decoration:underline; } .hd-tab a:hover {text-decoration: none; color: #FFCC00;} .hd-tab2 { font-size: 12px; color: #FFFFFF; padding-top:2px; padding-bottom:4px;font-weight: bold; margin:0px; text-align : center; line-height: 14px; background: #0668B3;} .hd-tab2 a:link {font-size: 12px; color: #FFFFFF; padding-top:2px; padding-bottom:4px; text-decoration: underline;} .hd-tab2 a:visited {font-size: 12px; color: #FFFFFF; padding-top:2px; padding-bottom:4px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; line-height: 14px; text-align : center; text-decoration:underline; } .hd-tab2 a:hover {text-decoration: none; color: #FFCC00;} /* form input classes */ .txtfld9-18x100 { font-size: 9px; width: 100px; vertical-align: middle; height: 18px; clip: rect} .select9-x80 { font-size: 9px; color: #000000; background-color: #EEEEEE; width: 80px; } .copyright { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999} .footer { color: #999999} .footer a:link { color: #666699; text-decoration: none} .footer a:visited { color: #999999; text-decoration: none} .footer a:hover { color: #FFFFFF; text-decoration: none; background-color: #99CC99} /* links */ a:link {font-weight: bold; text-decoration: underline; } a:visited { font-weight: bold; text-decoration: underline; } a:hover { font-weight: bold; text-decoration: none; } .links { color : #CC6600; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; line-height : normal; } .mainlinks { color : #FFFFFF; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight: bold; line-height : 11px; } .mainlinks a:link { color : #FFFFFF; text-decoration : none; } .mainlinks a:visited { color : #FFFFFF; text-decoration : none; } .mainlinks a:hover { color : #FFCC00; text-decoration : none; } .link { line-height: normal;} .link a:link { text-decoration: underline; } .link a:visited { text-decoration: underline; } .link a:hover { text-decoration: none; color:red; } .link10-ctr-rev {font-size: 10px; color: #FFFFFF; background-color: #000066; font-weight: normal; font-style: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; line-height: normal ; text-align: center;} .link10-ctr-rev a:link { color: #FFFFFF; text-decoration: none; } .link10-ctr-rev a:visited { color: #FFFFFF; text-decoration:none; } .link-rev a:hover { color: #FFCC00; text-decoration:underline; } .link-rev a:link { color: #FFFFFF; text-decoration: none; } .link-rev a:visited { color: #FFFFFF; text-decoration:none; } .link12-ind { font-size: 12px; color: #FFFFFF; font-weight: bold; text-indent: 25pt; } .linkbox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; background-color: #000066; border: none; font-weight: bold; clip: rect ; text-align: center} .linkboxOver { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; background-color: #FFCC00; border: 2px #FFFFFF solid; cursor: hand; font-weight: bold; clip: rect ; text-align: center} /* buttons */ .bt10-x100 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color: #FFFFFF; background-color: #336699; width:100px;} .bt10-ov-x100 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; background-color: #FFCC00; border: 1px #FFFFFF outset; width: 100px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; font-weight: bold; height: 18px; clip: rect} .bt10-x150 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; background-color: #336699; font-weight: bold; font-style: normal; width: 150px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; letter-spacing: 1px; } .bt10-ov-x150 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000066; background-color: #FFCC00; font-weight: bold; font-style: normal; width: 150px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px } .bt10-x200 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; background-color: #336699; font-weight: bold; font-style: normal; width: 200px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; letter-spacing: 1px; } .bt10-ov-x200 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000066; background-color: #FFCC00; font-weight: bold; font-style: normal; width: 200px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px } .bt10-x50 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color: #FFFFFF; background-color: #336699; width:50px;} .bt10-ov-x50 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFCC00; background-color: #FFCC00; border: 1px #FFFFFF solid; width: 0px; font-weight: bold; height: 0px; clip: rect ; text-align: center; line-height: 12px } .bt11-x100 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #FFFFFF; width:100px;} .brdr-btm-wht { border-bottom: 2px inset White; line-height : 4px;} .brdr-btm-blu { border-bottom: 2px inset #000066; line-height : 4px;} /* input elements */ .tb10-x50, .tb10-x75, .tb10-x100, .tb10-x125, .tb10-x135, .tb10-x175, .tb10-x200 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FFFFFF;} .tb10-x50 {width: 50px;} .tb10-x75 {width: 75px;} .tb10-x100 {width: 100px;} .tb10-x125 {width: 125px;} .tb10-x135 {width: 135px;} .tb10-x150 {width: 150px;} .tb10-x175 {width: 175px;} .tb10-x200 {width: 200px;} .cb-x50, .cb-x75, .cb-x100, .cb-x125, .cb-x150, .cb-x175, .cb-x200 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FFFFFF;} .cb-rev-x100 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width: 100px; clip: rect; } .cb-x75-rt {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000066; text-align: right; background-color: #FFFFFF; width: 75px; clip: rect;} .cb12-x100 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000066; background-color: #FFFFFF; width: 100px; clip: rect;} .cb-x50 {width: 50px;} .cb-x75 {width: 75px;} .cb-x100 {width: 100px;} .cb-x125 {width: 125px;} .cb-x150 {width: 150px;} .cb-x175 {width: 175px;} .cb-x200 {width: 200px;} .tb10-x185 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000066; background-color: #FFFFFF; width: 185px; clip: rect; } .tb10-x400 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000066; background-color: #FFFFFF; width: 400px; clip: rect; } .tb10-x500 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000066; background-color: #FFFFFF; width: 500px; clip: rect; } .tb10-x550 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000066; background-color: #FFFFFF; width: 550px; clip: rect; } .tb10-x600 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000066; background-color: #FFFFFF; width: 600px; clip: rect; } /*deprecated styles*/ .buttonForm { background-color : #336699; color : #FFFFFF; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-style : normal; font-weight : bold; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; width : 200px; } .buttonMed { background-color : #336699; color : #FFFFFF; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-style : normal; font-weight : bold; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; width : 100px; } .entryfield { color : #000066; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : bold; text-align : right; } .formhead { color : #000066; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 14px; font-weight : bold; line-height : normal; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; text-align : left; vertical-align : bottom; } .formsubtitle { background-color : #CCCCCC; color : #666666; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : bold; line-height : normal; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; text-align : left; vertical-align : bottom; } .formtext { color : #000066; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; line-height : normal; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; } .formtextind { color : #000066; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; line-height : normal; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; padding-left : 10px; } .formTitle { background-color : #336699; color : #FFFFFF; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-style : normal; font-weight : bold; line-height : 22px; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; } .formTitleCtr { background-color : #336699; color : #FFFFFF; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-style : normal; font-weight : bold; line-height : 22px; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; text-align : center; } .formTitleCtr a:link { color : #FFFFFF; text-decoration : none; } .formTitleCtr a:visited { color : #FFFFFF; text-decoration : none; } .formTitleMonth { background-color : #336699; color : #FFFFFF; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 14px; font-style : normal; font-weight : bold; line-height : 22px; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; text-align : center; } .Head1 { color : #000066; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 16px; font-weight : bold; } .Head2 { color : #006699; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 14px; font-style : normal; font-weight : bold; } .monthSelect { background-color : #FFFFFF; clip : rect; color : #000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; font-style : normal; font-weight : bold; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; width : 90px; } .selectSml { background-color : #EEEEEE; clip : rect; color : #000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 9px; font-style : normal; font-weight : normal; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; text-align : left; vertical-align : middle; width : 40px; } .sidebar { color : #666666; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; } .sidebar a:link { color : #666666; text-decoration : underline; } .sidebar a:visited { color : #999999; text-decoration : underline; } .sidebar a:hover { background-color : #FF9900; color : #FFFFFF; } .subhead { color : #CC6600; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-style : normal; font-weight : bold; line-height : normal; } .tablehead2 { color : #000066; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-weight : bold; line-height : normal; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; text-align : left; vertical-align : bottom; } .tableheadAlarm { color : #000066; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : bold; line-height : normal; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; text-align : center; vertical-align : bottom; } .tableheadAlarmLeft { color : #000066; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : bold; line-height : normal; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; text-align : left; vertical-align : bottom; } .tabletext { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 9px; line-height : normal; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; } .tabletextalarmctr { background-color : #FFFFFF; color : #000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 9px; font-style : normal; font-weight : normal; line-height : normal; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; text-align : center; } .wiztext { color : #000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-weight : normal; } .yearSelect { background-color : #FFFFFF; clip : rect; color : #000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; font-style : normal; font-weight : normal; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; width : 55px; } /* IDs */ #TOP {position:absolute; width:100%; z-index:1; left: 0; top:0 ; background-color: #FFFFFF; layer-background-color: #FFFFFF; height: 99px;} #welcome{position:absolute; left:500px; top:6px; height: 64px; width:300px; z-index: 2; font-size:10px;} #banner { position:absolute; padding: 0px; margin: 0px; height: 87px; z-index:1; top: 0; overflow: visible; width: 800px; background-repeat: no-repeat; } #topmenu { position:absolute; width:796px; left:0px; top:70px; height:17px; padding:2px; z-index: 2; } #page {position:absolute; left: 8px; width: 420px; clip:rect; height: auto;} #flashright { clip : rect; height : auto; left : 0px; position : absolute; text-align : right; top : 0px; width : 640px; z-index : 2; } #footer {position : absolute; width : 600px;} #leftcol { clip : rect; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-weight : bold; left : 0px; position : absolute; top : 110px; width : 140px; } #leftcontent { background : #FFFFFF; border-bottom : 2px solid #000000; border-right : 2px solid #000000; float : left; margin-right : 15px; padding-bottom : 20px; width : 140px; } #main { clip : rect; position : absolute; left: 150px; top: 102px; } #menu { position:absolute; width:130px; overflow:hidden; z-index:2; left: 8px; top: 140px; } #mainT2 { left : 150px; position : absolute; top : 110px; } #menu .txt-mnu { margin:0px; } #cellhead {background-image: url(../images/tab2.gif);} #errors { font-size:12px; color:red; font-weight:normal;} #errors HR { width:500px;} #errors UL {margin-top:4px; margin-bottom:-2px; list-style-image: url(../images/attention_bullet.gif); list-style-type:disc;} /* Grids */ #grid1, #grid2, #grid3, #grid4, #grid5, #grid6, #grid7, #grid8, #grid9 {position:absolute; width:200px; height:115px; z-index:1; padding-top: 3px; } #tab1, #tab2, #tab3, #tab4, #tab5, #tab7, #tab8, #tab10, #tab11, #tab12 , #tab6, #tab9 {position:absolute; width:150px; height:110px; z-index:1; padding: 2px;} /* horizontal positioning */ #grid1, #grid4, #grid7 {position:absolute; left: 0px; } #grid2, #grid5, #grid8 {position:absolute; left: 205px; } #grid3, #grid6, #grid9 {position:absolute; left: 410px; } #tab1, #tab5, #tab9 {position:absolute; left:0px;} #tab2, #tab10, #tab6{position:absolute; left:160px;} #tab3, #tab7, #tab11 {position:absolute; left:320px;} #tab4, #tab8, #tab12 {position:absolute; left:480px;} /* vertical positioning*/ #grid1, #grid2, #grid3 {top:30px; } #grid4, #grid5, #grid6 {top:154px; } #grid7, #grid8, #grid9 {top:281px; } #tab1, #tab2, #tab3, #tab4 {position: absolute; top: 30px;} #tab5, #tab7, #tab8 , #tab6{position:absolute; top:145px;} #tab10, #tab11, #tab12 , #tab9{position:absolute; top:260px;}