body {font-family: Tahoma, Arial; font-size: 8pt; color: black; background-color: white; margin:0px; vertical-align:top; height: window; width: 100%;} .popup1 {font-family: Tahoma, Arial; font-size: 8pt; color: black; background-color: #DAD6D6; margin:0px; vertical-align:top; height: window; width: 100%;} .darken {background: #000000; position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; display:none; z-index:200; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60); opacity:0.6; moz-opacity:0.6; -khtml-opacity:0.6;} .sbut2 {padding:0 0 0 0; width:75px; height:22px;background:url(../obaimg/sbut2.gif) center no-repeat; border:none; color:#000; cursor:pointer} .sbut3 {padding:0 0 0 0; width:130px; height:22px;background:url(../obaimg/sbut3.gif) center no-repeat; border:none; color:#000; cursor:pointer} /* BLUE #2A1F81 CLARET #97333F PALE BLUE #C5F5F4 BTN HILIGHT #C1D2EE GRAY #DAD6D6 */ /* BLUE #DAD6D6 RED #ECCACA YELLOW #E6D2B0 GREEN #DBF5BF */ .cell9 {background: #F7F9CB; border: 1px black solid; cursor:pointer; cursor:hand;} .cella {background: #B5BBD7; border: 1px black solid;} .cellg {background: #DBF5BF; border: 1px black solid;} .cellx {background: #B9B3B3; border: 1px black solid;} .cell3 {background: #E6D2B0; border: 1px black solid;} .cell2 {background: #E1E3EF; border: 1px black solid;} .cell1 {background: #ECCACA; border: 1px black solid;} .cell0 {background: #DAD6D6; border: 1px black solid;} .sort1 {background: #ECCACA; border: 1px black solid; padding-left: 1mm; cursor:pointer; cursor:hand;} .sort0 {background: #DAD6D6; border: 1px #DAD6D6 solid; padding-left: 1mm;} .rborder {border-right: 1px solid black;} A {color: #2A1F81; font-weight:bold; text-decoration: none;} A:hover {color: #97333F; font-weight:bold; text-decoration: none;} hr {border-top: 1px solid #DAD6D6; border-bottom: 1px solid black;} h1 {font-family: Tahoma, Arial; font-size:11pt; font-weight:bold; color:#97333F;} h2 {font-family: Tahoma, Arial; font-size:10pt; font-weight:bold; color:#97333F;} li {list-style-image: url(../obaimg/dot1.gif); font-family: Tahoma, Arial; font-size:11pt; font-weight:bold; color:#97333F; list-style-position: inside;} /* Shade 1 is used to apply a drop-shadow to tables */ /* Shade 2 is used to apply a drop-shadow to images */ /* Shade 3 is used form fixed width message boxes */ .shade1 {border: 1px solid #AAAAAA;width: 200px;} .shade2 {border: 1px solid #AAAAAA;} .shade3 {border: 1px solid #AAAAAA;width: 350px;} .hidden {display: none;} .topbar1 {background: #2A1F81 url(../obaimg/bg1.jpg) background-position: right;} #grnsa {display: block; width:121px; height:46px; background: url("../obaimg/grnsa.gif") no-repeat 0 0;} #grnsa:hover {background-position: 0 -46px;} #grnsa span {display: none;} #grnok {display: block; width:121px; height:46px; background: url("../obaimg/grnok.gif") no-repeat 0 0;} #grnok:hover {background-position: 0 -46px;} #grnok span {display: none;} #aquaq {display: block; width:60px; height:46px; background: url("../obaimg/aquaq.gif") no-repeat 0 0;} #aquaq:hover {background-position: 0 -46px;} #aquaq span {display: none;} /* h1text is used for normal article text (black) */ /* h2text is used for normal article header (clarat) */ /* h3text is used for normal article emphasis (black) */ .h0text {font-family: Tahoma, Arial; font-size:8pt;} .h1text {font-family: Tahoma, Arial; font-size:10pt;} .h2text {font-family: Tahoma, Arial; font-size:10pt; font-weight:bold; color:#97333F;} .h3text {font-family: Tahoma, Arial; font-size:8pt; font-weight:bold; color:black;} .h4text {font-family: Tahoma, Arial; font-size:12pt; font-weight:bold; color:#B2F4C3;} .h5text {font-family: Tahoma, Arial; font-size:10pt; font-weight:bold; color:#2A1F81;} .h9text {font-family: Tahoma, Arial; font-size:8pt; font-weight:bold; color:#97333F;} fieldset {border: 1px solid black; padding: 10px 10px;} legend {font-family: Tahoma, Arial; font-size:8pt; font-weight:bold; color:#97333F;} /* t1head is used for side-table heading cells (TD) */ /* t2head is used for the very top section heading */ /* t1text is used for side-table normal text (TD) */ /* t2text is used for the news scroller table (TD) */ /* t3text is used for emulating H1 elements in tables */ /* t8text is used for the footer (same as menu style) */ /* t9text is used for general small text */ table {font-family: Tahoma, Arial; font-size:8pt; color:black;} .table2 {font-family: Tahoma, Arial; font-size:8pt; color:black; border-left: gray 1pt dashed;} .table3 {font-family: Tahoma, Arial; font-size:8pt; color:black; background-color: #CEBFE1; border: 1px solid black;} .table3w {font-family: Tahoma, Arial; font-size:8pt; color:black; background-color: #FFFFFF; border: 1px solid black;} .table4 {background-color: black;} .txhead {background: #DAD6D6; border: 1px black solid; font-size:10pt; font-weight:bold; padding-bottom: 1mm; } .t1head {font-family: Tahoma, Arial; font-size:9pt; font-weight:bold; padding-left: 2mm; background: #C5F5F4 url(../obacore/images/fade1.gif) repeat-x; color:#FFFFFF; border-bottom:#97333F 4px solid;} .t3head {font-family: Tahoma, Arial; font-size:9pt; font-weight:bold; padding-left: 2mm; background: #C9C9C9 url(../obacore/images/fade4.gif) repeat-x; color:#97333F; border-bottom:#97333F 4px solid;} .e3head {font-family: Tahoma, Arial; font-size:9pt; font-weight:bold; padding-left: 2mm; background: #F7C3C3 url(../obacore/images/fade5.gif) repeat-x; color:#97333F; border-bottom:#97333F 4px solid;} .w3head {font-family: Tahoma, Arial; font-size:9pt; font-weight:bold; padding-left: 2mm; background: #E9C579 url(../obacore/images/fade6.gif) repeat-x; color:#97333F; border-bottom:#97333F 4px solid;} .t1good {font-family: Tahoma, Arial; font-size:9pt; font-weight:bold; padding-left: 2mm; background: url(../obaimg/grn.gif) repeat-x; border: black 1pt solid;} .t1warn {font-family: Tahoma, Arial; font-size:9pt; font-weight:bold; padding-left: 2mm; background: url(../obaimg/yell.gif) repeat-x; border: black 1pt solid;} .t1err {font-family: Tahoma, Arial; font-size:9pt; font-weight:bold; padding-left: 2mm; background: url(../obaimg/red.gif) repeat-x; border: black 1pt solid;} .advert {background: #A8A6F3 url(../obaimg/ties.gif); background-repeat: no-repeat; border: black 1pt solid; width:187px; height:75px; padding-right: 20px;} .advert2 {background: #A8A6F3 url(../obaimg/advert2.jpg); background-repeat: no-repeat; border: black 1pt solid; width:133px; height:75px; padding-right: 20px;} .t2head {font-family: Tahoma; Arial; font-size:18pt; font-weight:bold; color:#2A1F81; padding: 10px;} .t1text {font-family: Tahoma; Arial; font-size:8pt; background: #DAD6D6; width:200px; padding: 5px;} .t1high {font-family: Tahoma; Arial; font-size:8pt; background: #EDC3C6; width:200px; padding: 5px; border-top: 1px solid black; border-bottom: 1px solid black;} .t2text {font-family: Tahoma; Arial; font-size:8pt; background: #DAD6D6; width:200px;} .t3text {font-family: Tahoma, Arial; font-size:14pt; font-weight:bold; color:#983466;} .t3textg {font-family: Tahoma, Arial; font-size:14pt; font-weight:bold; color:#349640;} .t3textb {font-family: Tahoma, Arial; font-size:14pt; font-weight:bold; color:#2A1F81;} .t8text {font-family: Tahoma, Arial; font-size:8pt; font-weight:bold; color:white;} .t9text {font-family: Tahoma; Arial; font-size:8pt; background: #DAD6D6;} .txtext {font-family: Tahoma; Arial; font-size:8pt; background: #B9B3B3;} .b1text {font-family: Tahoma; Arial; font-size:12pt; color:#000000;} .error1 {font-family: Tahoma; Arial; font-size:8pt; font-weight:bold; color:#97333F; background-color: #D3A9AE; padding: 5px;} .urgent {font-family: Tahoma; Arial; font-size:8pt; color:black; background-color: #EDC3C6;} .notify {font-family: Tahoma; Arial; font-size:8pt; color:black; background-color: #CFFBD2;} .warnin {font-family: Tahoma; Arial; font-size:8pt; color:black; background-color: #E9C579;} .s1text {font-family: Tahoma, Arial; font-size:7pt;} .s2text {font-family: Tahoma, Arial; font-size:8pt;} .tiket1 {font-family: Tahoma, Arial; font-size:9pt; border: black 1pt solid; background-color:#D3D3D3; background: url(../obaimg/wm1.gif)} .tiketh1 {font-family: Tahoma, Arial; font-size:16pt; font-weight: bold;} .tiketh2 {font-family: Tahoma, Arial; font-size:10pt; font-weight: bold;} .tip {font-family: Tahoma, Arial; font-size:8pt; font-weight: bold; border: solid 1px black; width: 220px; padding:1px; position:absolute; z-index:100; visibility:hidden; color:black; top:20px; left:90px; background-color: #BDD0DF; layer-background-color: #BDD0DF;} .tipover {color:black; background-color: #78A4C6; cursor:pointer; cursor:hand;} .tipout {color:black; background-color: #BDD0DF; cursor:pointer; cursor:hand;} .toggle {cursor:pointer; cursor:hand;} .help1 {background: #C3CBF3; border: 1px black solid; font-family: Tahoma, Arial; font-size:8pt; padding: 2mm;} .help1a {background: #C3CBF3; border: 1px black solid; font-family: Tahoma, Arial; font-size:9pt; padding: 2mm;} .help2 {font-family: Tahoma, Arial; font-size:13pt; font-weight:bold; color:#983466; padding-bottom: 3mm;} .help3 {background: #DAD6D6; border: 1px black solid; font-family: Tahoma, Arial; font-size:10pt; font-weight:bold; color:#983466; padding: 1mm;} .hlpimg {border: 2px black solid;} .hlptab1 {border: 2px black solid; padding: 1mm; background: #F8F8CB;} .hlptab2 {border-bottom: 1px black solid; font-weight: bold; color:#983466; background: #D9D6D6;} .hlptab3 {border: 2px black solid; padding: 1mm; background: #D3C9CC; font-family: Tahoma, Arial; font-size:10pt;} .cell9 {background: #F7F9CB; border: 1px black solid; cursor:pointer; cursor:hand;} .cella {background: #B5BBD7; border: 1px black solid;} .cellg {background: #DBF5BF; border: 1px black solid;} .cellx {background: #B9B3B3; border: 1px black solid;} .cell3 {background: #E6D2B0; border: 1px black solid;} .cell2 {background: #E1E3EF; border: 1px black solid;} .cell1 {background: #ECCACA; border: 1px black solid;} .cell0 {background: #DAD6D6; border: 1px black solid;} .sort1 {background: #ECCACA; border: 1px black solid; padding-left: 1mm; cursor:pointer; cursor:hand;} .sort0 {background: #DAD6D6; border: 1px #DAD6D6 solid; padding-left: 1mm;} .list0 {background: #DAD6D6;} .list9 {background: #F7F9CB; cursor:pointer; cursor:hand;} .inp01 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:10pt; background: #F7F9CB; border: 1px black solid; height:21px; width:100px;} .err01 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:10pt; background: #D89098; border: 1px black solid; height:21px; width:100px;} .inp02 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:10pt; background: #F7F9CB; border: 1px black solid; height:21px; width:200px;} .err02 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:10pt; background: #D89098; border: 1px black solid; height:21px; width:200px;} .ajax1 {font-family: Tahoma, Arial; font-size:8pt; background: #E1E3EF; border: 1px black solid; height:21px; width:200px; font-weight:bold;} .ajax1n {background: #E1E3EF; color:#000000; cursor:pointer; cursor:hand;} .ajax1r {background: #2A1F81; color:#FFFFFF; cursor:pointer; cursor:hand;} /* input1 is used for side-table input areas (Log-in) */ .inputb {padding-left: 1mm; font-family: Tahoma, Arial; font-size:12pt; background: #F7F9CB; border: 1px black solid; height:25px; width:250px;} .inerrb {padding-left: 1mm; font-family: Tahoma, Arial; font-size:12pt; background: #D89098; border: 1px black solid; height:25px; width:250px;} .input0 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #F7F9CB; border: 1px black solid; height:18px; width:50px;} .inerr0 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #D89098; border: 1px black solid; height:18px; width:50px;} .input1 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #F7F9CB; border: 1px black solid; height:18px; width:100px;} .inerr1 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #D89098; border: 1px black solid; height:18px; width:100px;} .inputd {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #F7F9CB; border: 1px black solid; height:18px; width:90px;} .inerrd {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #D89098; border: 1px black solid; height:18px; width:90px;} .input2 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #F7F9CB; border: 1px black solid; height:18px; width:200px;} .inwng2 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #E9C579; border: 1px black solid; height:18px; width:200px;} .inerr2 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #D89098; border: 1px black solid; height:18px; width:200px;} .input3 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #F7F9CB; border: 1px black solid; height:180px; width:350px;} .input4 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #F7F9CB; border: 1px black solid; height:120px; width:100%;} .inerr4 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #D89098; border: 1px black solid; height:120px; width:100%;} .output1 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #E1E3EF; border: 1px black solid; height:18px; width:100px;} .outputd {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #E1E3EF; border: 1px black solid; height:18px; width:90px;} .output2 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #E1E3EF; border: 1px black solid; height:18px; width:200px;} .output3 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #DBF5BF; border: 1px black solid; height:18px; width:200px;} .outputw {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #E6D2B0; border: 1px black solid; height:18px; width:200px;} .output4 {padding-left: 1mm; padding-top: 1mm;padding-bottom: 3mm; font-family: Tahoma, Arial; font-size:10pt; font-weight:bold; background: #E1E3EF; border: 1px black solid; width:99%;} .output5 {padding-left: 1mm; padding-bottom: 2px; font-family: Tahoma, Arial; font-size:8pt; background: #E1E3EF; border: 1px black solid; width:100px;} .output6 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #E1E3EF; border: 1px black solid; height:18px; width:170px;} .output7 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #DFC1C1; border: 1px black solid; height:18px; width:170px;} .log2a {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #E1E3EF; border: 1px black solid; height:24px; width:200px;} .log2b {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #E1E3EF; border: 1px black solid; height:40px; width:200px;} .graph1 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #ECCACA; border: 1px black solid; height:18px;} .graph2 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #E6D2B0; border: 1px black solid; height:18px;} .graph3 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #B0E6B3; border: 1px black solid; height:18px;} .graph4 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #B5BDE7; border: 1px black solid; height:18px;} .event0 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; width:14%; text-align: center;} .event1 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #B5BDE7; border: 1px black solid; width:14%; height:50px; vertical-align:top; text-align: left;} .event3 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #ECCACA; border: 1px black solid; width:14%; height:50px; vertical-align:top; text-align: left;} .event2 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #E1E3EF; border: 1px black solid; width:14%; height:50px; vertical-align:top; text-align: left;} .event4 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #D89098; border: 1px black solid; width:14%; height:50px; vertical-align:top; text-align: left;} .event9 {padding-left: 1mm; font-family: Tahoma, Arial; font-size:8pt; background: #F7F9CB; border: 1px black solid; width:14%; height:50px; vertical-align:top; text-align: left; cursor:pointer; cursor:hand;} .cv0 {font-family: Tahoma, Arial; font-size:10pt; font-weight:bold; color:#97333F; background: #E1E3EF; border: 1px black solid; width:33%; height:90px; vertical-align:center; text-align: center;} .cv9 {font-family: Tahoma, Arial; font-size:10pt; font-weight:bold; color:#97333F; background: #F7F9CB; border: 1px black solid; width:33%; height:90px; vertical-align:center; text-align: center; cursor:pointer; cursor:hand;} .toolb1 {padding: 1px; margin: 1px; border: black 1px solid; background-color: #C1D2EE; cursor:pointer; cursor:hand;} .toolb2 {padding: 1px; margin: 1px; border: #CEC6B5 1px solid; background: #EFEFEF url(../obaimg/toolbg.gif) repeat-x; filter: alpha(opacity=70);} .toolb3 {padding: 1px; margin: 1px; border: black 1px solid; background: #EFEFEF url(../obaimg/toolbg.gif) repeat-x; filter: alpha(opacity=70);} .toolb4 {padding: 1px; margin: 1px; border: black 1px solid; background: #EFEFEF url(../obaimg/toolb3.gif) repeat-x; filter: alpha(opacity=70);} .toolbx {padding: 1px; margin: 1px; border: #CEC6B5 1px solid; background: #EFEFEF url(../obaimg/toolb2.gif);} .toolgap {padding: 1px; margin: 1px;} .tools1 {padding: 1px ;margin: 1px ;height: 15px; border: black 1px solid; cursor:pointer; cursor:hand; background-color: #C1D2EE; } .tools2 {padding: 1px ;margin: 1px ;height: 15px; border: #DAD6D6 1px solid; cursor:pointer; cursor:hand;} #map {height: 500px; width: 500px; border: 1px solid black;} .newpage {page-break-before:always;} /* AJAX SEARCH */ #livesearch {margin:0px;width:194px;} #txt1 {margin:0px;} /* CoolMenus 4: Default style */ .clCMAbs {position:absolute; visibility:hidden; left:0; top:0; right:0} /* Coolmenus 4: Style for the background-bar */ .clBar{position:absolute; width:10; height:10; background-color:#192204; layer-background-color:#192204; visibility:hidden;} /* Coolmenus 4: Styles for Menu Level */ .clLevel0,.clLevel0over{position:absolute; padding:3px; font-family:Tahoma, Arial; font-size:8pt; font-weight:bold; text-align:center;} .clLevel0 {background: #2A1F81 url(../obaimg/bar1.gif); layer-background-color:#2A1F81; color:white; font-weight:bold;} .clLevel0over {background-color:#C5F5F4; layer-background-color:#C5F5F4; color:black; cursor:pointer; cursor:hand;} .clLevel0border{position:absolute; visibility:hidden; background-color:white; layer-background-color:white;} /* Coolmenus 4: Styles for Menu Level 1 */ .clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:Tahoma, Arial; font-size:8pt; font-weight:bold; text-align:center;} .clLevel1 {background: #2A1F81 url(../obaimg/bar1.gif); layer-background-color:#2A1F81; color:white;} .clLevel1over {background-color:#C5F5F4; layer-background-color:#C5F5F4; color:black; cursor:pointer; cursor:hand;} .clLevel1border{position:absolute; visibility:hidden; background-color:black; layer-background-color:black;} /* Coolmenus 4: Styles for Menu Level 2 */ .clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:Tahoma, Arial; font-size:8pt; font-weight:bold; text-align:center;} .clLevel2 {background: #97333F url(../obaimg/bar5.gif); layer-background-color:#97333F; color:white;} .clLevel2over {background-color:#EB9587; layer-background-color:#EB9587; color:black; cursor:pointer; cursor:hand;} .clLevel2border{position:absolute; visibility:hidden; background-color:black; layer-background-color:black;} #text {margin:50px auto; width:500px} .hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer} #tt {position:absolute; display:block; background:url(../obaimg/tt_left.gif) top left no-repeat; } #tttop {display:block; height:5px; margin-left:5px; background:url(../obaimg/tt_top.gif) top right no-repeat; overflow:hidden;} #ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#2A1F81; color:#fff; } #ttbot {display:block; height:5px; margin-left:5px; background:url(../obaimg/tt_bottom.gif) top right no-repeat; overflow:hidden;} #blu1 {display: block; width:121px; height:46px; background: url("../obaimg/blu1.gif") no-repeat 0 0;} #blu1:hover {background-position: 0 -46px;} #blu1 span {display: none;} #blu2 {display: block; width:121px; height:46px; background: url("../obaimg/blu2.gif") no-repeat 0 0;} #blu2:hover {background-position: 0 -46px;} #blu2 span {display: none;} #grn1 {display: block; width:121px; height:46px; background: url("../obaimg/grn1.gif") no-repeat 0 0;} #grn1:hover {background-position: 0 -46px;} #grn1 span {display: none;} #grn2 {display: block; width:121px; height:46px; background: url("../obaimg/grn2.gif") no-repeat 0 0;} #grn2:hover {background-position: 0 -46px;} #grn2 span {display: none;} #yel1 {display: block; width:121px; height:46px; background: url("../obaimg/yel1.gif") no-repeat 0 0;} #yel1:hover {background-position: 0 -46px;} #yel1 span {display: none;} #yel2 {display: block; width:121px; height:46px; background: url("../obaimg/yel2.gif") no-repeat 0 0;} #yel2:hover {background-position: 0 -46px;} #yel2 span {display: none;} #red1 {display: block; width:121px; height:46px; background: url("../obaimg/red1.gif") no-repeat 0 0;} #red1:hover {background-position: 0 -46px;} #red1 span {display: none;} #red2 {display: block; width:121px; height:46px; background: url("../obaimg/red2.gif") no-repeat 0 0;} #red2:hover {background-position: 0 -46px;} #red2 span {display: none;} #pur1 {display: block; width:121px; height:46px; background: url("../obaimg/pur1.gif") no-repeat 0 0;} #pur1:hover {background-position: 0 -46px;} #pur1 span {display: none;} .alertbox {width:600px; height:300px; position:absolute; top:50%; left:50%; margin:-200px auto auto -300px; border:1px solid #000; background-color:#DAD6D6; z-index:12000; }