body { font:13px/1.22 arial, helvetica, clean, sans-serif; *font-size:small; *font:x-small; } /**************************************************************************************************************************** * Reset css start ****************************************************************************************************************************/ html { } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } li { list-style:none; } caption, th { text-align:left; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } input, textarea, select { *font-size:100%; margin:0; padding:0 } legend { color:#000; } /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:#fff url(../images/bg.png) repeat-x; margin:0; padding:0 } /* base.css, part of YUI's CSS Foundation */ h1 {font-size:138.5%;} h2 {font-size:123.1%;} h3 {font-size:108%;} h4 {color:#A60359;} h1,h2,h3 {margin:1em 0;} h1,h2,h3,h4,h5,h6,strong {font-weight:bold;} .mainContanier {width:990px;text-align:left;background:url(../images/mainBg.jpg) no-repeat;border-top:0px; margin:auto} .top{width:960px; height:67px;position:relative; margin:auto;relative;z-index:100} a#logo { float:left} a#logo, #logo span, span.logo_span {width:294px; height:67px;display:block; position:relative; overflow:hidden;} a#logo span, span.logo_span { position:absolute; left:0; top:0; background:url(../images/logo.png) no-repeat 0 0; cursor:pointer;} a#logo:hover span, span.logo_span_oo {background-position:0 0;} .topR{width:660px;height:95px;float:left; background:url(../images/topR.png) no-repeat 0 0;} .header{} /* .headerMedia{width:685px;height:295px;} */ .headerMedia{width:712px;height:327px; margin:16px 16px -12px 16px; position: relative;z-index:10} .seconderyHeader{ width:960px; height:130px;} .content{width:960px; position:relative; margin:auto;background:url(../images/contentBg.png) ;} .contentL{width:170px;repeat; float:left} .contentR{width:552px; font-size:14px; float:left} /**************************************************************************************************************************** * Inner Content >> css ****************************************************************************************************************************/ .contentArea{padding:0 25px 20px;color:#000;} *html .contentArea{ height:892px} .contentArea p{ margin:16px 0;font-size:1.0em; font-family:helvetica;} .contentArea h1{font-size:26px; font-weight:bold; border-bottom:1px solid #a60359;color:#a60359; margin-top:20px; padding-bottom:8px;} .contentArea a{ color:#164878} .contentArea a:hover{color:#470b0b} div.contentArea blockquote,div.contentArea ul,div.contentArea ol,div.contentArea dl {margin:0;} div.contentArea ol,div.contentArea ul,div.contentArea dl {margin-left:0;} div.contentArea ul li {list-style: disc inside;} div.contentArea ol li {list-style: decimal inside;} div.contentArea li {margin:0.patients3em 0; list-style-position:inside;list-style-type:disc;} div.contentArea dl dd {margin-left:1em;} /**************************************************************************************************************************** * ********* Inner Content >> css ****************************************************************************************************************************/ .goTop { text-align:right; padding:0 0 30px 0} .goTop a { padding:0 0 0 22px;line-height:24px;background:url(../images/goTop.gif) no-repeat;} .goTop a:hover { color:#470b0b; background-position:0 -40px;} /**************************************************************************************************************************** * ********* Inner Content >> css ****************************************************************************************************************************/ .buble {color:#42281b} .buble p { /*color:#A60359;*/ color:#A60359; font-size:18px;margin:0; font-family:Helvetica;} /*.buble p {margin:0: color:#42281b}*/ .bubleTop{width:490px; height:18px;background:url(../images/bubleTop.png) no-repeat;} .bubleBuddy{width:450px;padding:3px 20px;background:url(../images/bubleBody.png) ;} .bubleBottom{width:490px; height:25px; background:url(../images/bubbleBottom.png) no-repeat;} .mainContent{} .mainContentL{width:730px; float:left} .mainContentR{width:238px;float:left; text-align:center} .subMenus{padding:24px 14px; line-height:26px;} .subMenus h3{color:#A60359; font-size:13px; padding-bottom:10px; font-weight:bold; margin-bottom:6px; border-bottom:1px solid #A60359} /*.subMenus li{ background:url(../images/subMenus.png) no-repeat left 5px; padding:0 0 0 10px; margin:0 0 0 0px;} .subMenus li a{color:#fff; font-size:13px; text-decoration:none} .subMenus li a:hover{color:#fcd5ea}*/ .no_float > li { width:155px !important; background:none !important;} .newsLetter{width:233px; height:97px; background:url(../images/newslttr.png) no-repeat 0 0; position: relative} .inputbox2{ width:146px; height:20px; border:1px solid #c3c3c3; position: absolute; left: 33px; top: 8px; } .submit1 { width:26px; height:21px; position:absolute; right:14px; top:8px;} .inputbox2-1{ width:153px; height:17px; border:0; position: absolute; left: 14px; top: 51px; background:none; font-size:11PX } .submit1-1 { width:51px; height:20px; position:absolute; right:11px; top:49px; } .contentinner2{ width:960px; margin:auto} .bottom{width:939px; margin:auto; height:66px; position:relative; background:url(../images/bottom.png) left no-repeat; } .bottom2{width:961px; margin:auto; height:89px; position:relative; background:url(../images/bottom2.png) left no-repeat; } .bottom3{width:961px; margin:auto; height:66px; position:relative; background:url(../images/bottom3.png) left no-repeat; } .welcomeTxt{width:638px; margin:auto; padding:0 0 28px;} .copyRight{ width:600px; font-size:10px; color:#ababab; position:absolute; left: 2px; top: 59px; } .copyRight2{ width:600px; font-size:10px; color:#ababab; position:absolute; left: 2px; top: 70px; } .parner{ width:69px; font-size:10px; color:#ababab; position:absolute; right: 2px; top: 40px; height: 36px; } .parner2{ width:69px; font-size:10px; color:#ababab; position:absolute; right: 2px; top: 66px; height: 36px; } /**************************************************************************************************************************** * Ront Resize >> css ****************************************************************************************************************************/ .fontResize{ width:230px; height:46px; position:relative; background:#4780ac url(../images/fontResize.png) no-repeat 10px 12px; position:absolute; right:288px; top: 8px; } a.fontIncrease { width:29px; height:29px; display:block; position:absolute; right:50px; top:10px; background:#4780ac url(../images/fontBtnSet.png) no-repeat;} a:hover.fontIncrease { background-position:0 -29px;} a.fontDecrease {width:29px; height:29px; display:block; position:absolute; right:10px; top:10px; background:#4780ac url(../images/fontBtnSet.png) no-repeat -29px 0;} a:hover.fontDecrease { background-position:-29px -29px;} /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1 { } a#menu1, #menu1 span, span.menu1_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 0; cursor:pointer;} a#menu1:hover span, span.menu1_span_oo {background-position:-254px 0;} a#menu2 { } a#menu2, #menu2 span, span.menu2_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -51px; cursor:pointer;} a#menu2:hover span, span.menu2_span_oo {background-position:-254px -51px;} a#menu3 { } a#menu3, #menu3 span, span.menu3_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -102px; cursor:pointer;} a#menu3:hover span, span.menu3_span_oo {background-position:-254px -102px;} a#menu4 { } a#menu4, #menu4 span, span.menu4_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -153px; cursor:pointer;} a#menu4:hover span, span.menu4_span_oo {background-position:-254px -153px;} a#menu5 { } a#menu5, #menu5 span, span.menu5_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu5 span, span.menu5_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -204px; cursor:pointer;} a#menu5:hover span, span.menu5_span_oo {background-position:-254px -204px;} a#menu6 { } a#menu6, #menu6 span, span.menu6_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu6 span, span.menu6_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -255px; cursor:pointer;} a#menu6:hover span, span.menu6_span_oo {background-position:-254px -255px;} a#menu7, #menu7 span, span.menu7_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu7 span, span.menu7_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -306px; cursor:pointer;} a#menu7:hover span, span.menu7_span_oo {background-position:-254px -306px;} a#menu8 { } a#menu8, #menu8 span, span.menu8_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu8 span, span.menu8_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -357px; cursor:pointer;} a#menu8:hover span, span.menu8_span_oo {background-position:-254px -357px;} a#menu9 { } a#menu9, #menu9 span, span.menu9_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu9 span, span.menu9_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -408px; cursor:pointer;} a#menu9:hover span, span.menu9_span_oo {background-position:-254px -408px;} a#menu10 { } a#menu10, #menu10 span, span.menu10_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu10 span, span.menu10_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -459px; cursor:pointer;} a#menu10:hover span, span.menu10_span_oo {background-position:-254px -459px;} /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 {width:262px; height:27px;position:relative; overflow:hidden; } #replace1 span, span.replace1 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 0 } #replace2 {width:151px; height:50px;position:relative; overflow:hidden; } #replace2 span, span.replace2 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -51px; } #replace3 {width:151px; height:50px;position:relative; overflow:hidden; } #replace3 span, span.replace3 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -102px; } #replace4 {width:151px; height:50px;position:relative; overflow:hidden; } #replace4 span, span.replace4 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -153px; } #replace5 {width:151px; height:50px;position:relative; overflow:hidden; } #replace5 span, span.replace5 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -204px; } #replace6 {width:151px; height:50px;position:relative; overflow:hidden; } #replace6 span, span.replace6 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -255px } #replace7 {width:151px; height:50px;position:relative; overflow:hidden; } #replace7 span, span.replace7 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -306px } #replace8 {width:151px; height:50px;position:relative; overflow:hidden; } #replace8 span, span.replace8 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -357px } #replace9 {width:151px; height:50px;position:relative; overflow:hidden; } #replace9 span, span.replace9 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -408px } #replace10 {width:151px; height:50px;position:relative; overflow:hidden; } #replace10 span, span.replace10 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -459px; } /*****************************************************************************/ /** [VSLIDER] ****************************************************************/ /**************************************************************************************************************************** * Begin Glacial Accordion >> css ****************************************************************************************************************************/ .accordion{width:188px;padding:4px;border:1px solid #5c5c5c; background:#c2c2c2;} .accordionContent{ height:60px;padding:10px;overflow:hidden; background:#d6d6d6;} .accordion a, .accordion span, .accordion h3 {width:188px;height:26px;margin:0;padding:0;display:block;position:relative;overflow:hidden;} .accordion span, .accordion h3 { background-image:url(../images/accordionMenu.png); } .accordion span {position:absolute; left:0; top:0; cursor:pointer;} .accordion h3 { width:188px;} #accordionMenu1 {background-position: -189px 0;} #accordionMenu1 span, span.accordionMenu1_span {background-position: 0 0;} #accordionMenu1 a:hover span, span.accordionMenu1_span_oo {background-position: -189px 0;} #accordionMenu2 {background-position: -189px -27px;} #accordionMenu2 span, span.accordionMenu2_span {background-position: 0 -27px;} #accordionMenu2 a:hover span, span.accordionMenu2_span_oo {background-position:-189px -27px;} #accordionMenu3 {background-position: -189px -54px;} #accordionMenu3 span, span.accordionMenu3_span {background-position: 0 -54px;} #accordionMenu3 a:hover span, span.accordionMenu3_span_oo {background-position: -189px -54px;} #accordionMenu4 {background-position: -189px -81px;} #accordionMenu4 span, span.accordionMenu4_span {background-position: 0 -81px;} #accordionMenu4 a:hover span, span.accordionMenu4_span_oo {background-position: -189px -81px;} #accordionMenu5 {background-position: -189px -108px;} #accordionMenu5 span, span.accordionMenu5_span {background-position: 0 -108px;} #accordionMenu5 a:hover span, span.accordionMenu5_span_oo {background-position: -189px -108px;} /**************************************************************************************************************************** * END Glacial Accordion >> css ****************************************************************************************************************************/ /*****************************************************************************/ /** [HSLIDER] ****************************************************************/ .sliderWrapper{width:864px; height:234px; padding:8px;margin:auto;position:relative;background:#c1c1c1; } #slideLinks { background:url(../images/slideNav.png) 0 -50px no-repeat;} #slideLinks, #slideLinks ul{ width:864px; height:50px;} #slideLinks li{width:172px; height:50px; float:left; margin:0 0 0 1px; list-style:none} #slideLinks li a, #slideLinks a span {display:block; position:relative; overflow:hidden;} #slideLinks a span {position:absolute; left:0; top:0; background:url(../images/slideNav.png) no-repeat left top; cursor:pointer;} #slideLinks a#slideMenu1, #slideMenu1 span, span.slideMenu1_span {width:172px; height:50px;} #slideLinks a#slideMenu1 span, span.slideMenu1_span {background-position:0 0;} #slideLinks a#slideMenu1:hover span, span.slideMenu1_span_oo {background-position:0 -51px;} #slideLinks a#slideMenu2, #slideMenu2 span, span.slideMenu2_span {width:172px; height:50px;} #slideLinks a#slideMenu2 span, span.slideMenu2_span {background-position:-173px 0;} #slideLinks a#slideMenu2:hover span, span.slideMenu2_span_oo {background-position:-173px -51px;} #slideLinks a#slideMenu3, #slideMenu3 span, span.slideMenu3_span {width:172px; height:50px;} #slideLinks a#slideMenu3 span, span.slideMenu3_span {background-position:-346px 0;} #slideLinks a#slideMenu3:hover span, span.slideMenu3_span_oo {background-position:-346px -51px;} #slideLinks a#slideMenu4, #slideMenu4 span, span.slideMenu4_span {width:172px; height:50px;} #slideLinks a#slideMenu4 span, span.slideMenu4_span {background-position:-519px 0;} #slideLinks a#slideMenu4:hover span, span.slideMenu4_span_oo {background-position:-519px -51px;} #slideLinks a#slideMenu5, #slideMenu5 span, span.slideMenu5_span {width:172px; height:50px;} #slideLinks a#slideMenu5 span, span.slideMenu5_span {background-position:-692px 0;} #slideLinks a#slideMenu5:hover span, span.slideMenu5_span_oo {background-position:-692px -51px;} #slideCont {width:848px; padding:8px; margin:8px 0 0; clear:both; position:relative; overflow:hidden; background:#a7a7a7} #slideItems { width:6188px; position:relative;} #slideItems li { width:828px; height:140px;padding:10px;margin:0 8px 0 0;display:block; float:left;position:relative;overflow:hidden;background:#d6d6d6} a#slidePrevious { width:33px; height:68px; display:block; position:absolute; background:url(../images/sliderArrows.png) no-repeat left top; left: -33px; top: 107px; } a:hover#slidePrevious { background-position:0 -69px} a#slideNext { width:33px; height:68px; display:block; position:absolute; background:url(../images/sliderArrows.png) no-repeat -34px 0; right:-33px; top: 107px; } a:hover#slideNext { background-position:-34px -69px} a#slide-previous-link, a#slide-next-link { display:block; position:absolute; width:40px; height:40px; overflow:hidden; top:130px; } a#slide-previous-link {left:5px;} a#slide-next-link {left:883px;} /**************************************************************************************************************************** * END [HSLIDER] ****************************************************************************************************************************/ /*****************************************************************************/ /** [VSLIDER] ****************************************************************/ .vSliderWrapper{width:864px; height:280px; padding:8px; margin:auto; background:#c1c1c1;} .vSliderL{width:185px;height:283; padding:8px; background:#a7a7a7;float:left} .vSliderR{ width:636px; background:#a7a7a7; padding:8px; float:left; margin:0 0 0 10px; color:#fff;} ul#vSlideItems {height:249px; padding:8px; background:#bababa} ul#vSlideLinks { width:185px;overflow:hidden;background:url(../images/vSlideMenu.png) no-repeat -186px 0; margin:0; padding:0; } ul#vSlideLinks li{width:185px; height:45px; padding:0; margin:0; overflow:hidden; line-height:2px; font-size:2px; } a#vSlideMenu1, #vSlideMenu1 span, span.vSlideMenu1_span {width:185px; height:44px;display:block; position:relative; overflow:hidden;} a#vSlideMenu1 span, span.vSlideMenu1_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 0; cursor:pointer;} a#vSlideMenu1:hover span, span.vSlideMenu1_span_oo { background-position: -186px 0;} a#vSlideMenu2, #vSlideMenu2 span, span.vSlideMenu2_span {width:185px; height:44px;display:block; position:relative; overflow:hidden;} a#vSlideMenu2 span, span.vSlideMenu2_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 -45px; cursor:pointer;} a#vSlideMenu2:hover span, span.vSlideMenu2_span_oo { background-position: -186px -45px;} a#vSlideMenu3, #vSlideMenu3 span, span.vSlideMenu3_span {width:185px; height:44px;display:block; position:relative;overflow:hidden;} a#vSlideMenu3 span, span.vSlideMenu3_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 -90px; cursor:pointer;} a#vSlideMenu3:hover span, span.vSlideMenu3_span_oo {background-position: -186px -90px;} a#vSlideMenu4, #vSlideMenu4 span, span.vSlideMenu4_span {width:185px; height:44px;display:block; position:relative;overflow:hidden;} a#vSlideMenu4 span, span.vSlideMenu4_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 -135px; cursor:pointer;} a#vSlideMenu4:hover span, span.vSlideMenu4_span_oo {background-position: -186px -135px;} a#vSlideMenu5, #vSlideMenu5 span, span.vSlideMenu5_span {width:185px; height:44px;display:block; position:relative;overflow:hidden;} a#vSlideMenu5 span, span.vSlideMenu5_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 -180px; cursor:pointer;} a#vSlideMenu5:hover span, span.vSlideMenu5_span_oo {background-position: -186px -180px;} a#vSlideMenu6, #vSlideMenu6 span, span.vSlideMenu6_span { width:185px; height:44px;display:block; position:relative; overflow:hidden;} a#vSlideMenu6 span, span.vSlideMenu6_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 -225px; cursor:pointer;} a#vSlideMenu6:hover span, span.vSlideMenu6_span_oo {background-position: -186px -225px;} /*****************************************************************************/ /** [FLASH] ****************************************************************/ .img_rotator_wrapper { position:relative; margin:0; padding:0;} .img_rotator_wrapper * {margin:0; padding:0;} .img_rotator_wrapper a { display:block; position:absolute; top:0; left:0; } .img_rotator_wrapper ul { position:absolute; z-index:95;} .img_rotator_wrapper li { display:block; float:left; } .img_rotator_wrapper li a { display:block; position:relative; margin:0 1px; padding:1px 3px; color:#333; font-weight:bold; font-family:Arial,Helvetica,sans-serif; font-size:11px; background-color:#EEE; z-index:98; text-decoration:none; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); } .img_rotator_wrapper li a.active { color:#FFF; background-color:#A8035F; } .img_rotator_wrapper li a:hover { color:#000; background-color:#FFF; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); } #img_rotator_index_wrapper { width:685px; height:295px:position:relative; z-index:400} #img_rotator_index_wrapper ul { top:275px; right:2px; } #img_rotator_inner_wrapper { width:170px; height:461px;} #img_rotator_inner_wrapper ul { top:442px; right:2px; } /*****************************************************************************/ /** [FLASH END] ****************************************************************/ /**************************Glacial-Slide********************/ .glacialslide { cursor: url(../glacialslide/graphics/zoomin.cur), pointer; outline: none; } .glacialslide img { border: 2px solid gray; } .glacialslide:hover img { border: 2px solid white; } .glacialslide-image { border: 2px solid white; } .glacialslide-image-blur { } .glacialslide-caption { display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: white; color: black;text-align:center; } .glacialslide-display-block { display: block; } .glacialslide-display-none { display: none; } .glacialslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white; background-color: black;/* padding-left: 22px; background-image: url(../glacialslide/graphics/loader.gif); background-repeat: no-repeat; background-position: 3px 1px; */ } a.glacialslide-credits, a.glacialslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.glacialslide-credits:hover, a.glacialslide-credits:hover i { color: white; background-color: gray; } /***************Glacial-Slide-End***********************/ .submenuitems {width:135px; float:right;} .submenuitems a:hover {color:#A60359; text-decoration:none;} /***********************************************************/ #displaybox {position:relative;width:600px;} .displayboxclose {-moz-user-select:none;border:0 none;cursor:pointer;height:12px;left:579px;margin:0;padding:0 5px 7px 7px;position:absolute;top:1px;width:12px;z-index:10000;}