
.demo a{ float:left;  padding:2px;  margin:5px 0px 5px 8px!important;  margin:5px 10px 5px 0;  display:block;  border:2px solid #cdcdcd; }
/*.demo a:hover{ border:3px solid #285fc2; }*/
/*.demo a img{ float:left;  margin:0;  padding:0;   background:url(../images/gallery/bg_tms.jpg) no-repeat; }*/


/*::::: PIROBOX RULES::::::::*/
.piro_overlay { position: fixed;  _position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background:#fff;  display: none;  z-index:99997;  }

.loading span{position:absolute; top:50%; left:50%; margin-top:-15px; margin-left:-15px; width:30px; height:30px; display:block; z-index:100008;  background:none }
.loading span span{position:absolute;  display:block;  width:30px; height:30px;  z-index:100009; background: url(../images/gallery/ajax-loader.gif) center center no-repeat!important; background: url(../images/gallery/ajax-loader.gif) center center no-repeat; }

.caption{position:absolute; bottom:0; left:0; margin:0; display:block;  padding:0px;  cursor:text;  background:#222; }
.piro_nav{position:absolute; bottom:0; left:50%; margin:0; display:block;  padding:0;  background:none; }
.caption p{ display:block;  margin:0;  padding:4px 28px 4px 38px;  text-align:center; background:black;  color:#fff; font-weight:bold; }

a.piro_close{position:absolute; top:20px; right:20px; height:35px; width:35px; background:url(../images/gallery/close_btn.png) no-repeat; cursor:pointer; z-index:100006; }
a:hover.piro_close{background:url(../images/gallery/close_btn_h.png) no-repeat; }

a.piro_next{position:absolute; top:50%; width:35px;  height:35px; right:20px; text-indent:-999em; display:block;  margin:-18px 0 0 0; background:url(../images/gallery/next.png) center right no-repeat;  border:none;  cursor:pointer; z-index:1000000001}
a:hover.piro_next{background:url(../images/gallery/next_h.png) center right no-repeat; }

a.piro_prev{position:absolute; top:50%; width:35px;  height:35px; left:20px;  text-indent:-999em; display:block; margin:-18px 0 0 0; background: url(../images/gallery/prev.png) center left no-repeat; border:none;  cursor:pointer;  z-index:1000000000}
a:hover.piro_prev{background:url(../images/gallery/prev_h.png) center left no-repeat; }



.pirobox_content {position:absolute;  top:50%;  left: 50%;  padding:0;  width: 800px;  height: 600px;  margin:-300px 0 0 -400px;  display:block;  z-index:99998; }
.pirobox_content table,tbody,tr,th,td{margin:0; padding:0; border:none; }
.pirobox_content img{ margin:0;  padding:0;  border:none; }

.t_l{background:url(../images/gallery/t_l.png) no-repeat;  width:20px;  height:20px; }
.t_r{background: url(../images/gallery/t_r.png) no-repeat;  width:20px;  height:20px; }
.t_c{height:20px;  background:url(../images/gallery/t_c.png) repeat-x; }

.c_l{width:20px;  background: url(../images/gallery/c_l.png) repeat-y; }
.c_c{background:white;  margin:0;  padding:0; }
.c_c div{width:760px;  height:560px;  margin:0;  padding:0 0 0px 0; }
.c_r{width:20px;  background: url(../images/gallery/c_r.png) repeat-y; }

.b_c{height:20px;  background:url(../images/gallery/b_c.png) repeat-x; }
.b_l{background:url(../images/gallery/b_l.png) no-repeat;  width:20px;  height:20px; }
.b_r{background:url(../images/gallery/b_r.png) no-repeat;  width:20px;  height:20px; }

/*
.box_img{ position:absolute;  z-index:99995;  background: url(../images/gallery/img_bg.png); width: 100%;  top:30px;  left:30px;  height: 100%;  padding:0; }
.err_mess{ position:absolute; bottom:20px;  color:white;  padding:0;  margin:0 0 0 20px;  display:block; }
.err_mess a{color:red;  font-weight:700; }
*/
.number{position:absolute;  margin-left:3px;  height:18px;  width:30px;  padding:3px;  left:0;  color:#fff;  bottom:1px;  font-size:11px; }
a.link_to {position:absolute; margin-right:6px; height:20px; width:20px; right:0; color:#999; bottom:3px;  background:url(../images/gallery/link_out.png) no-repeat;  text-indent:-999em; }
a:hover.link_to { background:url(../images/gallery/link_out_h.png) no-repeat; }
a.play{position:absolute; top:20px!important; top:20px; left:20px!important; left:20px; width:40px;  height:40px;  margin:0;  outline:none;  display:block; background:url(../images/gallery/play.png) no-repeat;  text-indent:-999em;  border:none; cursor:pointer; }
a:hover.play{background:url(../images/gallery/play_h.png) no-repeat; }
a.stop{position:absolute; top:20px!important; top:20px; left:20px!important; left:20px; ; width:40px;  height:40px;  margin:0;  outline:none;  display:block; background:url(../images/gallery/pause.png) no-repeat; text-indent:-999em;  border:none; cursor:pointer; }
a:hover.stop{background:url(../images/gallery/pause_h.png) no-repeat; }

