* {
	margin: 0;
	padding: 0;
}

html,body {
	width: 100%;
	height: 100%;
}

body {
	background: #e4e4e4 url("images/bg.jpg") repeat;
	font-family: Arial;
	font-size: 12px;
	color: #4b4b4b;
	line-height: 18px;
	text-shadow: 0 1px 0 white;
}

.sample td {
 height:25px;
}


::selection {
	background-color: #a12424;
	color: white;
	text-shadow: none;
}

::-moz-selection {
	background-color: #A27674;
	color: white;
	text-shadow: none;
}



#main_user {
	padding-left:50px;
}

#services {
        padding-left:50px;
}

#dot {
    border-bottom: 1px dotted;
    float: left;
    width: 100%;
}

#hide_dot {
	background: none repeat scroll 0 0 #FFFFFF;
}


#wrap{
	width:400px;
/*
	border:1px solid #eff2df;
	margin:0 20px;
	float:left;
	background:#809900;
*/
}
#wrap ul{
	padding:20px 1px;
	list-style:none;
/*
	float:left;
	border:1px solid #4c7300;
	position:relative;
	left:-2px;
	top:-2px;
	background:#eff2df;
	color:#4c7300;
*/
}
#wrap li{
	border-bottom:1px dotted #000;
/*	line-height:1.0; */
	margin:0 0 .5em 0;
	position:relative;
	width:100%;
	float:left
}
#wrap li span{
        background: #e4e4e4 url("images/bg.jpg") repeat;
	padding:1px 0 1px 5px;
	float:right;
	color:#000;
	position:relative;
	top:.4em;
	font-size: 16px;
}
#wrap li em{
 float:left;
	margin:0;
	position:relative;
	top:.4em;
	padding:0 5px 0 0;
	font-style:normal;
        background: #e4e4e4 url("images/bg.jpg") repeat;
	font-size: 16px;
}













#head_mainmenu {
  position: fixed;
  left:0px;
  top:0px;
  width:100%;
  height:50px;
}


#popupContainerFixed{
    position: fixed;
    left:0px;
    top:0px;
}
#popupContainer {
    display: table-cell;
    text-align:center;

}

#mainmenu{
	float: right;
    text-align:center;
/*
    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);
*/
        border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        -webkit-border-radius: 6px;
        -ms-border-radius: 6px;
/*
        box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
        -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
        -o-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
        -ms-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
        -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
*/
    height:40px;
    margin: 0;
    padding:0;
/*    width:952px;
    z-index:10 /* для отображения подпунктов поверх остальных блоков */ 
}

#menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu {
    width: 100%;
    margin-top: 60px;
/*
    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;
*/
}

#menu:before,
#menu:after {
    content: "";
    display: table;
}
#menu:after {
    clear: both;
}
#menu {
    zoom:1;
}

#menu li {
    float: left;
/*
    border-right: 1px solid #222;
    -moz-box-shadow: 1px 0 0 #444;
    -webkit-box-shadow: 1px 0 0 #444;
    box-shadow: 1px 0 0 #444;
*/
    position: relative;

}
#menu a {
    float: left;
    padding: 12px 20px;
    color: #000;
    text-transform: uppercase;
    font: bold 12px Arial, Helvetica;
    text-decoration: none;
    text-shadow: none;
/*    text-shadow: 0 1px 0 #000; */
}
#menu li:hover > a {
    color: #A12424;
   text-shadow: none;
}
*html #menu li a:hover { /* IE6 only */
    color: #A12424;
   text-shadow: none;
}
#menu ul {
    margin: 20px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 9999;
    background: #4B4B64;
    background: -moz-linear-gradient(#A12424, #A12424);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #A12424),color-stop(1, #A12424));
    background: -webkit-linear-gradient(#A12424, #A12424);
    background: -o-linear-gradient(#A12424, #A12424);
    background: -ms-linear-gradient(#A12424, #A12424);
    background: linear-gradient(#A12424, #A12424);
    -moz-box-shadow: 0 -1px rgba(255,255,255,.3);
    -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
   text-shadow: none;
}
#menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}
#menu ul ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
}
#menu ul li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0; /*IE6 only*/
    -moz-box-shadow: 0 1px 0 #7A242F, 0 1px 0 #7A242F;
    -webkit-box-shadow: 0 1px 0 #7A242F, 0 1px 0 #7A242F;
    box-shadow: 0 1px 0 #7A242F, 0 1px 0 #7A242F;
}
#menu ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#menu ul a {
    padding: 10px;
    /*width: 130px;*/
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
        color: #FFF;

}
#menu ul a:hover {

    background-color: #4B4B64;
    background-image: -moz-linear-gradient(#FFFFFF,  #FFFFFF);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF));
    background-image: -webkit-linear-gradient(#FFFFFF, #FFFFFF);
    background-image: -o-linear-gradient(#FFFFFF, #FFFFFF);
    background-image: -ms-linear-gradient(#FFFFFF, #FFFFFF);
    background-image: linear-gradient(#FFFFFF, #FFFFFF);
   text-shadow: none;

}

#menu ul li:first-child > a {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
#menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
}
#menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}
#menu ul li:first-child a:hover:after {
    border-bottom-color: #04acec;
}

#menu ul ul li:first-child a:hover:after {
    border-right-color: #0299d3;
    border-bottom-color: transparent;
}
#menu ul li:last-child > a {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

















a {
	color: #b60000;
	text-decoration: underline;
}

p {
	margin-bottom: 10px;
}

h1,h2,h3,h4,h5,h6 {
	color: black;
	line-height: normal;
}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 16px;
	margin-top: 15px;
}

h3 {
	font-size: 14px;
}

h1+p,h2+p,h3+p {
	margin-top: 3px;
}

a img {
	border: none;
	outline: none;
}

ul,ol,dl {
/*	margin: 0 0 0 30px; */
}

dt {
	font-weight: bold;
}

dd {
	font-style: italic;
}

input,button,textarea {
	display: inline-block;
}

input[type=text],textarea,select {
/*
	padding: 5px;
	height: auto;
	border: 1px solid #bcbcbc;
*/
}

input[type=text],textarea,button {
/*
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
*/
}

input[type=checkbox],input[type=radio] {
/*
	margin: 3px 5px 0 0;
	float: left;
*/
}

input[type=text] {
/*	width: 200px; */
}

select {
	width: 210px;
        background: transparent;
}

textarea {
	width: 300px;
	height: 100px;
}

label {
	display: block;
	vertical-align: middle;
	color: black;
}

input:focus,button:focus,textarea:focus,select:focus {
	outline: none;
	border: 1px solid #999999;
	box-shadow: none;
}

input:-moz-placeholder {
  color: #c0c0c0;
}

input::-webkit-input-placeholder {
  color: #c0c0c0;
}

.buttond {
	cursor: pointer;
	color: white;
	font-size: 14px;
	font-weight: bold;
	background-color: #a12424;
	background-repeat: no-repeat;
    background-image: -ms-linear-gradient(top, #b92c2c, #a12424);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b92c2c), to(#a12424));
    background-image: -webkit-linear-gradient(top, #b92c2c, #a12424);
    background-image: -o-linear-gradient(top, #b92c2c, #a12424);
    background-image: linear-gradient(top, #b92c2c, #a12424);
    background-image: -moz-linear-gradient(top, #b92c2c, #a12424);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#b92c2c', endColorstr='#a12424', GradientType=0);
	border: 1px solid #a12424;
	padding: 1px 10px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	text-shadow: none;
	margin-top: 5px;
}

.buttond:hover {
	background-position: 0 -15px;
}

*:first-child+html button {
	width: 90px;
}

.row {
	overflow: hidden;
	margin: 10px 0;
}

.col {
	float: left;
	margin-right: 15px;
	overflow: hidden;
}


/*
table.bordered {
	margin: 10px 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #bcbcbc;
	width: 100%;
	background-color: white;
}

table.bordered th, table.bordered td {
	border: 1px solid #bcbcbc;
	padding: 5px;
	vertical-align: top;
}

table.bordered th {
	background-color: #ececec;
	text-align: left;
	font-weight: bold;
	color: black;
}

table.bordered tbody tr:hover {
	background-color: #f2f2f2;
}
*/



.wrapper {
	width: 980px;
	padding: 0 10px;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	
}
/*Шапка*/
.header {
	border-bottom: 13px solid #a12424;
	padding: 20px 0 0 0;
/*	overflow: hidden; */
	height: 100px;
}

.logo {
	display: inline-block;
	float: left;
	color: #a12424;
	font-weight: bold;
}

.logo a {
	text-decoration: none;
	font-size: 30px;
}

*:first-child+html .logo a {
	line-height: normal;
}

.logo p {
	margin-top: -3px;
}

.black {
	color: black;
}

.gray {
	color: #a3a3a3;
	font-size: 18px;
}

.logo p {
	font-size: 12px;
}

/*Навигация*/
ul.nav {
	margin: 0;
	padding: 70px 0 0 0;
	overflow: hidden;
	float: right;
}

ul.nav li {
	float: left;
	list-style: none;
	padding: 0;
}

ul.nav li a {
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	padding: 0 35px 0 0;
	display: block;
	color: black;
}

ul.nav li a.active {
	color: #a12424;
}

ul.nav li a:hover {
	color: #a12424;
}


ul.nav li ul {
    display: none;
    background: rgba(255,255,255,0.5);
    box-shadow: 5px 5px 25px #000;
    -moz-box-shadow: 5px 5px 25px #000;
    -webkit-box-shadow: 5px 5px 25px #000;
    border-radius: 0px 5px 5px 5px;
    -moz-border-radius: 0px 15px 15px 15px;
    -webkit-border-radius: 0px 5px 5px 5px;
 margin:0;
 padding:23px 0 5px 0;
}

ul.nav li:hover ul {
    display:block;
    position:absolute;
}

ul.nav li ul li {
 float:none;
 margin:0;
 padding:5px 0 3px 5px;
}













/*Контент*/
.content {
	padding: 20px 0;
}
/*Правая колонка*/
.rightCol {
	float: right;
	margin-left: 20px;
	width: 220px;
}

ul.rightNav {
	margin: 0 0 20px 0;
	padding: 0;
	border: 1px solid #bcbcbc;
	background-color: #ececec;
}

ul.rightNav li {
	list-style: none;
}

ul.rightNav li a {
	color: black;
	text-decoration: none;
	padding: 8px 10px 8px 30px;
	display: block;
	border-top: 1px solid #bcbcbc;
	background: url("images/arrow-right.png") 13px 50% no-repeat;
}

ul.rightNav li:first-child a {
	border-top: none;
}

ul.rightNav li a:hover {
	background-color: white;
}

.block {
	margin: 0 0 20px 0;
	border: 1px solid #a12424;
	background-color: #ececec;
}

.block>h3 {
	padding: 8px 10px;
	color: white;
	background-color: #a12424;
	text-shadow: none;
}

.block p {
	color: black;
	margin: 0;
	padding: 10px 10px 0;
}

.block a.more {
	padding-bottom: 10px;
	display: block;
}

.main {
	overflow: hidden;
}

.main img {
/*	margin-right: 15px; 
	border: 10px solid #cfcfcf;
*/
}
/*Подвал*/
.footer {

}

.footer p {
	
}






















.buttons {
    float: left;
    padding-bottom: 20px;
    clear: both;
}
.button {
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    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;
    margin-right: 10px;
}
.button:hover {
    color: #333;
    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;
}








.sel {
        border: 1px solid #c7c7c7;
        border-radius: 6px;
        color: #000000;
        padding: 3px;
}


.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: 13px;
    -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-top: 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: 8px;
    background-color:#eee;
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
    background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
    background-image:    -moz-linear-gradient(top, #eeeeee, #dddddd);
    background-image:     -ms-linear-gradient(top, #eeeeee, #dddddd);
    background-image:      -o-linear-gradient(top, #eeeeee, #dddddd);
    background-image:         linear-gradient(top, #eeeeee, #dddddd);
    -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;
}






#bordered3 {
    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;
}

#bordered3 tr:hover {
    background-color: #BCD2EE;
    -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;
}

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

#bordered3 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);
}

#bordered3 td:first-child, #bordered3 th:first-child {
    border-left: none;
}


#bordered3 th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

#bordered3 th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

#bordered3 th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

#bordered3 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;
}

#bordered3 tr:first-child td:first-child ,
#bordered3 tr:first-child td:first-child + td ,
#bordered3 tr:first-child td:first-child + td + td ,
#bordered3 tr:first-child td:first-child + td + td + td ,
#bordered3 tr:first-child td:first-child + td + td + td + td,
#bordered3 tr:first-child td:first-child + td + td + td + td + td
{
    border-top: none;
}

#bordered3 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;
}






.buttp {
        background-color: #428BCA;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        border:1px solid #428BCA;
        display:inline-block;
        cursor:pointer;
        color:white;
        font-family:arial;
        font-size:13px;
        padding:3px;
        margin:1px;
        text-decoration:none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
.buttp: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;
	color:#222;
}
.buttp:active {
        position:relative;
        top:1px;
}







#button9 {
  position: relative;
  display: inline-block;
  color: #333;
  font-size: 16px;
  font-family: times new roman;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 8px 2px;
  outline: none;
  border-radius: 3px / 100%;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), linear-gradient(to right, rgb(227, 226, 226), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)), linear-gradient(to right, rgb(74, 73, 73), rgba(211, 211, 211, 0.9) 45%, rgba(43, 43, 43, 0.68)), linear-gradient(to right, rgb(123, 119, 119), rgba(255, 255, 255, 0.9) 45%, rgba(76, 76, 76, 0.72)), linear-gradient(to right, rgb(140, 85, 85), rgba(226, 226, 226, 0.9) 45%, rgba(109, 64, 64, 0.5)), linear-gradient(to right, rgb(99, 66, 66), rgba(222, 222, 222, 0.9) 45%, rgba(82, 53, 53, 0.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
#button9:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
#button9:active {
  top: 1px;
}







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

#zbutton{
  position: relative;
  display: inline-block;
  padding: 0.3em;
  margin: 1em;
  border: solid 1px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 15px;
  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: #fff;
  color: #112;
}

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


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

#zbutton::before,
#zbutton span::after{
  left: 0;
  top: -0.4em;
  width: 100%;
  height: calc(100% + 0.8em);
}

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

#zbutton::after,
#zbutton span::before
{
  top: 0;
  left: -0.4em;
  height: 100%;
  width: calc(100% + 0.8em);
}

#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;
}




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


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









#window {
    line-height: 1.5em;
    width: 100%;
    min-height: 350px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 7px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 2px 7px rgba(0,0,0,0.45);
}


#toolbar {
    width: 100%;
    height: 25px;
    background: grey;
    border-radius: 5px 5px 0 0;
    background: #cfcfcf;
    background: -moz-linear-gradient(top,#cfcfcf 0%,#a8a8a8 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cfcfcf),color-stop(100%,#a8a8a8));
    background: -webkit-linear-gradient(top,#cfcfcf 0%,#a8a8a8 100%);
    background: -o-linear-gradient(top,#cfcfcf 0%,#a8a8a8 100%);
    background: -ms-linear-gradient(top,#cfcfcf 0%,#a8a8a8 100%);
    background: linear-gradient(top,#cfcfcf 0%,#a8a8a8 100%);
}

#toolbar .top {
    position: relative;
}

#toolbar #lights {
    position: absolute;
    top: 4px;
    left: 7px;
}

#title {
    position: absolute;
    top: 3px;
    width: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
    text-shadow: none;
}

#selcopied {
    position: absolute;
    right: 7px;
    top: 3px;
    text-align: right;
    font-size: 15px;
    line-height: 18px;
}

#body {
    font-family: monospace;
    font-size: 15px;
    width: 100%;
    height: 495px;
    background: #000;
    line-height: 1.4;
    overflow: auto;
        overflow-x: auto;
    overflow-x: auto;
    border-radius: 0 0 5px 5px;
    text-align: left;
    text-shadow: none;
}

#area {
    color: lime !important;
    font-size: 13px;
    line-height: 16px;
    padding: 5px;
}

#area > div > div {
    white-space: nowrap;
}







