a {font-family: Lucida, sans-serif; font-size: 12px;}
a:link {color:green;text-decoration: none;font-weight:bold;}
a:visited {color:green;text-decoration: none;font-weight:bold;}
a:hover {text-decoration: none; color: #ff9900;font-weight:bold;}
a:active {color: red;text-decoration: none;font-weight:bold;}


/* abon_hlink class */
.abon_hlink a {font-family: Lucida, sans-serif; font-size: 14px;}
.abon_hlink a:link {color:green;text-decoration: none;font-weight:bold;}
.abon_hlink a:visited {color:green;text-decoration: none;font-weight:bold;}
.abon_hlink a:hover {text-decoration: none; color: #ff9900;font-weight:bold;}
.abon_hlink a:active {color: red;text-decoration: none;font-weight:bold;}
/* end */



input .cent
 {
 text-align:center;
 }


.sel {
        border: 1px solid #c7c7c7;
        border-radius: 4px;
        color: #000000;
        padding: 2px 5px 2px 5px;
}



.sw_class_200 {
 width:200px;
 border: 1px solid #c7c7c7;
 border-radius: 6px;
 color: #000000;
 /*padding: 2px;*/
}

.sw_class_250 {
 width:250px;
 border: 1px solid #c7c7c7;
 border-radius: 6px;
 color: #000000;
 padding: 2px;
}

.sw_class_300 {
 width:300px;
 border: 1px solid #c7c7c7;
 border-radius: 6px;
 color: #000000;
 padding: 2px;
}


/* 
.wrapper_sw {
        width: 1240px;
        margin: 10px;
} */

.form2_sw {
        width: 1086px;
        background: #fff;
        color: #777;
        -webkit-box-shadow: 0px 0px 8px 2px #d1d1d1;
        -moz-box-shadow: 0px 0px 8px 2px #d1d1d1;
        box-shadow: 0px 0px 8px 2px #d1d1d1;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        overflow: hidden;
}


.formtitle_sw {
        padding: 10px;
        line-height: 16px;
        font-size: 15px;
        color: #999999;
        font-weight: bold;
        border-bottom: 1px solid #000000;
        /* width: 1064px; */
    border: 1px solid #222;
    background-color: #111;
    background-image: -moz-linear-gradient(#444, #111);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
    background-image: -webkit-linear-gradient(#444, #111);
    background-image: -o-linear-gradient(#444, #111);
    background-image: -ms-linear-gradient(#444, #111);
    background-image: linear-gradient(#444, #111);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 1px 1px #777;
    -webkit-box-shadow: 0 1px 1px #777;
    box-shadow: 0 1px 1px #777;

}








.wrapper_act {
        width: 1020px;
        margin: 10px;
}

#formtitle_act {
 float:left;
 margin-left:20px;
}



#pop-up {
  border-radius: 6px 6px 6px 6px;
  width: 500px;
  height: 200px;
  border: 1px solid #e8e8e8;
  background: #fdfdfd;
  display: none;
  z-index: 9001;
}

#overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #000;
  opacity: 0.7;
  z-index: 9000;
  width: 100%;
  height: 100%;
  display: none;
}


#pop-up_sw {
  border-radius: 6px 6px 6px 6px;
  width: 900px;
  height: 320px;
  border: 1px solid #e8e8e8;
  background: #fdfdfd;
  display: none;
  z-index: 9001;
}

#overlay_sw {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #000;
  opacity: 0.7;
  z-index: 9000;
  width: 100%;
  height: 4000px;
  display: none;
}



span, p {
  cursor: pointer;
}

#krd {
 height:150px;
}






.ip_on {

}

/*
input[type="button"] {
    border-radius:10px;
    -moz-border-radius:10px;
    -khtml-border-radius:10px;
    -webkit-border-radius: 10px 10px; 
    border: 1px solid #000;
    cursor: pointer;
}

input[type="submit"] {
    border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius: 5px 5px;
    border: 1px solid #000;
    cursor: pointer;
}
*/
input[type="submit"] {
        border: 1px solid #000;
        cursor: pointer;
        }

input[type="button"] {
        border: 1px solid #000;
        cursor: pointer;
}

input[type="reset"] {
        border: 1px solid #000;
        cursor: pointer;
}

button {
        border: 1px solid #000;
        cursor: pointer;
}

.button {
    color: #444;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 2px;
    /*position: relative;*/
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.button:hover {
    color: #222;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
        -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.button:active {
    color: #000;
    border-color: #444;
}



.treeNode {
	text-decoration: none; color: black; font: 8pt tahoma;
}

.l0_out, .l0_over {
    font: bold 11pt/41px Arial;
    text-align: center;
}

.l0_out {
    color: #101010;
    background: url(images/l0_bg_out.gif);
}

.l0_over {
    color: #C80202;
    background: url(images/l0_bg_over.gif);
}

.l1_out, .l1_over {
    font: 8pt/19px Arial;
    text-align: center;
}

.l1_over {
    color: #DF0000;
}

.l1_out {
    color: #616060;
}

.l1_bg_0 {
    background: #F8F7F7 no-repeat url(images/l1_bg_0.gif);
}

.l1_bg_1 {
    background: #F8F7F7 no-repeat url(images/l1_bg_1.gif);
}

.l1_bg_other {
    background: #F8F7F7 no-repeat url(images/l1_bg_other.gif);
}

a.ovalbutton{
background: transparent url('images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


body{
/* background: #e4e4e4 url("images/bg.jpg") repeat; */
background-color: #f3f3f3;
font-family: Verdana, Arial;
cursor: url(images/cursor.cur);
margin: 0;
padding: 0;
border: 0;
/*overflow: hidden;*/
height: 100%; 
max-height: 100%; 
}


#framecontent{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 41px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #fff;
color: white;
}


#maincontent{
position: fixed; 
top: 41px; /*Set top value to HeightOfFrameDiv*/
left: 0;
right: 0;
bottom: 0;
overflow: auto; 
background: #fff;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 0px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

/* new left menu*/
.arrowlistmenu{
width: 250px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: navy url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

#tooltip{
background:#FFFFFF;
border:3px solid #666666;
color:#333333;
font:menu;
margin:0px;
padding:3px 5px;
position:absolute;
visibility:hidden
}


table.sample {
	font-size: 12px;
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
	margin:5px;
}
table.sample th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: gray;
	-moz-border-radius: 0px 0px 0px 0px;
}

.tel_tab {
  border-collapse: collapse;
}

.tel_tab td {
	font-size: 12px;
        border-collapse: collapse;
}


.email_tab {
  border-collapse: collapse;
}

.email_tab td {
	font-size: 12px;
        border-collapse: collapse;
}

.telegram_tab {
  border-collapse: collapse;
}

.telegram_tab td {
	font-size: 12px;
        border-collapse: collapse;
}




.wrapper_ippol {
        width: 960px;
        margin: 10px;
}

.div_ippool {
        width: 482px;
        background: #fff;
        color: #777;
        -webkit-box-shadow: 0px 0px 8px 2px #d1d1d1;
        -moz-box-shadow: 0px 0px 8px 2px #d1d1d1;
        box-shadow: 0px 0px 8px 2px #d1d1d1;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        -moz-border-radius-bottomright: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        overflow: hidden;
	padding-bottom:2px;
}

.formtitle_ippool {
        padding: 6px;
        line-height: 16px;
        font-size: 15px;
        color: #999999;
        font-weight: bold;
        border-bottom: 1px solid #000000;
        width: 468px;
    border: 1px solid #222;
    background-color: #111;
    background-image: -moz-linear-gradient(#444, #111);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
    background-image: -webkit-linear-gradient(#444, #111);
    background-image: -o-linear-gradient(#444, #111);
    background-image: -ms-linear-gradient(#444, #111);
    background-image: linear-gradient(#444, #111);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 1px 1px #777;
    -webkit-box-shadow: 0 1px 1px #777;
    box-shadow: 0 1px 1px #777;

}


/*
#verticalText {
text-align: center;
vertical-align: middle;
width: 20px;
margin: 0px;
padding: 0px;
padding-left: 10px;
padding-right: auto;
white-space: nowrap;
-ms-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-webkit-transform:rotate(270deg);
-o-transform:rotate(270deg);
}
*/


table.sample1 {
        font-size: 12px;
        border-width: 1px;
        border-spacing: 1px;
        border-style: solid;
        border-color: gray;
       /* border-collapse: collapse;*/
        background-color: white;
        margin:5px;
        border-radius: 3px;
}
table.sample1 th {
        border-width: 1px;
        padding: 1px;
        border-style: solid;
        border-color: gray;
        background-color: white;
        -moz-border-radius: 0px 0px 0px 0px;
}
table.sample1 td {
        border-radius: 4px;
        border-width: 1px;
        padding: 4px;
        border-style: solid;
        border-color: gray;
        -moz-border-radius: 0px 0px 0px 0px;
}


table.sample2 {
        font-size: 12px;
        border-spacing: 1px;
        border-color: gray;
       /* border-collapse: collapse;*/
        background-color: white;
        border-radius: 3px;
}
table.sample2 th {
        border-width: 1px;
        padding: 1px;
        border-style: solid;
        border-color: gray;
        background-color: white;
        -moz-border-radius: 0px 0px 0px 0px;
}
table.sample2 td {
        border-radius: 4px;
        border-width: 1px;
        padding: 2px 5px 2px 5px;
        border-style: solid;
        border-color: gray;
        -moz-border-radius: 0px 0px 0px 0px;
}


table.sample3 {
        font-size: 12px;
        border-width: 1px;
        border-spacing: 1px;
        border-style: solid;
        border-color: gray;
       /* border-collapse: collapse;*/
        background-color: #eee;
        margin:4px;
        border-radius: 3px;
}
table.sample3 th {
        border-width: 1px;
        padding: 1px;
        border-style: solid;
        border-color: gray;
        background-color: white;
        -moz-border-radius: 0px 0px 0px 0px;
}
table.sample3 td {
        border-radius: 4px;
        border-width: 1px;
        padding: 4px;
        border-style: solid;
        border-color: gray;
        -moz-border-radius: 0px 0px 0px 0px;
}











.butt {
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
        background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
        background-color:#ffffff;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        border:1px solid gray;
        display:inline-block;
        cursor:pointer;
        color:#222;
        font-family:arial;
        font-size:13px;
        padding:3px;
        margin:1px;
        text-decoration:none;
        text-shadow:0px 1px 0px #ffffff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
.butt:hover {
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
        background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
        background-color:#f6f6f6;
}
.butt:active {
        position:relative;
        top:1px;
}









.bordered {
    border: solid #ccc 1px;
    font-size: 12px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    border-spacing: 0;
    margin: 5px;
}

.bordered tr:hover {
    background-color: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.bordered td, .bordered th {
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    padding: 4px;
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}




.bordered2 {
    border: solid #777 1px;
    font-size: 12px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    border-spacing: 0;
    margin: 5px;
}

.bordered2 tr:hover {
    background-color: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.bordered2 td, .bordered2 th {
    border-left: 1px solid #777;
    border-top: 1px solid #777;
    padding: 4px;
}

.bordered2 th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.bordered2 td:first-child, .bordered2 th:first-child {
    border-left: none;
}

.bordered2 th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered2 th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered2 th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered2 tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered2 tr:first-child td:first-child , .bordered2 tr:first-child td:first-child + td {
    border-top: none;
}

.bordered2 tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}



#vertical{
   writing-mode:tb-rl;
   filter:flipH flipV;
   background:#fff;
}

#verticalText {
    margin: 0;
    padding: 0 0 0 10px;
    text-align: center;
    transform: rotate(270deg);
    vertical-align: middle;
    white-space: nowrap;
    width: 20px;
}




.sw_w250 {
 width:250px;
}

.sw_w250_m3 {
 width:250px;
 margin-top:3px;
}





#add_seg_div {
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #e8e8e8;
  background: #fdfdfd;
  display: none;
  z-index: 9001;
}



#zbutton,
#zbutton::before,
#zbutton::after,
#zbutton span,
#zbutton span::before,
#zbutton span::after
{
  transition: all ease .5s;
}

#zbutton{
  position: relative;
  display: inline-block;
  padding: 1px;
  border: solid 1px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
  font-family:times new roman;
}

#zbutton:hover
{
  /*box-shadow: 0 0 5em .5em rgba(50,50,150,0.5);*/
}

#zbutton span
{
  display: inline-block;
  width: 100%;
  padding: 0.6em 2em;
}

#zbutton:hover span
{
  background-color: #000;
  color: #112;
}

#zbutton::before,
#zbutton::after,
#zbutton span::before,
#zbutton span::after
{
  content: '';
  position: absolute;
  border: 1px #000;
}

#zbutton::before,
#zbutton span::before
{
  border-style: solid none;
}

#zbutton::before,
#zbutton span::after{
  left: 0;
  top: -4px;
  width: 100%;
  height: calc(100% + 6px);
}

#zbutton::after,
#zbutton span::after
{
  border-style: none solid;
}

#zbutton::after,
#zbutton span::before
{
  top: 0;
  left: -4px;
  height: 100%;
  width: calc(100% + 6px);
}

#zbutton:hover::after,
#zbutton:hover span::after
{
  transform: scaleY(0);
}

#zbutton:hover::before,
#zbutton:hover span::before
{
  transform: scaleX(0);
}

#zbutton:hover span::after,
#zbutton:hover span::before
{
  opacity: 0;
}




.sel2 {
        border: 1px solid #6e6c6c;
        border-radius: 6px;
        color: #000000;
        padding: 4px;
}