BODY { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px; } TD {BORDER-RIGHT: #666666 0px solid; BORDER-TOP: #666666 0px solid; FONT-WEIGHT: 500; FONT-SIZE: 11px; BORDER-LEFT: #666666 0px solid; COLOR: #000000; BORDER-BOTTOM: #666666 0px solid; TEXT-DECORATION: none} IMG {BORDER-RIGHT:0px; BORDER-TOP:0px; BORDER-LEFT:0px; BORDER-BOTTOM:0px} A:link {COLOR:#000000; TEXT-DECORATION:none} A:visited {COLOR:#000000; TEXT-DECORATION:none} A:active {COLOR:green; TEXT-DECORATION:none} A:hover {COLOR:green; TEXT-DECORATION:underline} H3 {font-weight : bold; font-size : 18px;} input, textarea {font-family: Verdana; font-size: 12px; text-decoration: none; color: #000000; cursor: default; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #000000;} #status1 { display: none; color: #000000; font-weight:bold; cursor:pointer; font-family: verdana, arial, helvetica, sans-serif; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;} .errorss { padding: 0px 10px 0px 10px; color:#ff0000; font-weight: bold; line-height:12px; text-align: center; font-family: Tahoma, Arial; font-size: 11px; } .ahref {cursor:pointer;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(lib/colorbox/images/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(lib/colorbox/images/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(lib/colorbox/images/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(lib/colorbox/images/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(lib/colorbox/images/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(lib/colorbox/images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(lib/colorbox/images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(lib/colorbox/images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(lib/colorbox/images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(lib/colorbox/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(lib/colorbox/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(lib/colorbox/images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(lib/colorbox/images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(lib/colorbox/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} .buttonz { float: center; display: inline-block; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border-bottom: 1px solid #222; position:relative; z-index:1; /*IE*/ cursor: pointer; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); /*behavior: url(../ie-css3.htc);*/ } /* Sizes ---------- */ .large.buttonz { font-size: 14px; padding: 10px 14px 9px 10px; border: 0; border-bottom: 1px solid rgba(0,0,0,0.25); } /* Colors ---------- */ .disabled.buttonz { background-color: #999; } .green.buttonz { background-color: #45b434; } .blue.buttonz { background-color: #2daebf; } .blue.buttonz:hover { text-shadow: 0 -1px 1px #222; background-color: #45b434; border-bottom: 1px solid rgba(0,0,0,0.25); border-top: 1px solid rgba(0,0,0,0.25); background-position:bottom left, top right, 0 0, 0 0; background-clip:border-box; /* Применяем радиус скругления в 8px */ -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; /* Подсветка 1px внутри кнопки */ -moz-box-shadow:0 0 1px #fff inset; -webkit-box-shadow:0 0 1px #fff inset; box-shadow:0 0 1px #fff inset; /* Анимация для фона на CSS3 */ /* На данный момент работает только в Safari и Chrome */ -webkit-transition:background-position 1s; -moz-transition:background-position 1s; -o-transition:background-position 1s; transition:background-position 1s; } .myDiv1 { z-index:9999; background: url("../wait.gif"); width: 150px; height: 13px; } .yourClass{ position:absolute; width: 300px; height: 201px; top: 100%; left: 100%; z-index:9999; }