BODY {
        background-color: white;
        font-family: Arial;
        font-weight: normal;
        font-size: 9pt;
        color: black;
        margin-top: 0px;
}

FORM {
        margin:0px;
}

A {
        color: #606060;
        font-weight: bold;
        font-family: Arial;
        font-size: 11pt;
}
A.a_reester {
        color: #0000FF;
		border: 0px;
        font-weight: bold;
        font-family: Arial;
        font-size: 8pt;
}
A:hover {
        color: black;
		font-weight: bold;
}
A:visited {
		font-weight: bold;
}

A.up {
	color: #aa0000;
}

A.down {
	color: #0000aa;
}

TABLE {
	font-family: Arial;
    font-size: 9pt;
}

INPUT {
        border-style: outset;
        border-width: 1px;
        border-color: #808080;
        font-family: Arial;
        font-size: 9pt;
        color: #800000;
}

INPUT.inact {
        border-style: outset;
        border-width: 1px;
        border-color: #808080;
        font-family: Arial;
        font-size: 9pt;
        color: #888888;
}

INPUT.act {
        border-style: outset;
        border-width: 1px;
        border-color: #808080;
        font-family: Arial;
        font-size: 9pt;
        color: #FF0000;
}

.iact {
        font-size: 10pt;
        color: #EE0000;
}

SELECT {
        border-style: outset;
        border-width: 1px;
        border-color: #808080;
        font-family: Arial;
        font-size: 9pt;
        color: #800000;
}

.hbut {
		border-style: none;
		border-width: 0px;
		padding: 0px;
		margin: 0px;
}

INPUT.ins {
        border-style: none;
        border-width: 0px;
        font-family: Arial;
        font-size: 9pt;
        color: #900000;
}

SELECT.ins {
        border-style: none;
        border-width: 0px;
        font-family: Arial;
        font-size: 9pt;
        color: #900000;
}

TEXTAREA {
        border-style: outset;
        border-width: 1px;
        border-color: #808080;
        font-family: Arial;
        font-size: 9pt;
        color: #800000;
}

TABLE.login {
	background-color: #f0f0f0;
	font-family: Arial;
    font-size: 11pt;
}

TABLE.maint {
	border-collapse: collapse;
	border-style: none;
	border-width: 0px;
	padding: 0px;
	border-spacing: 0px;
	margin: 0px;
}

TD.maint {
	border-collapse: collapse;
	border-style: none;
	border-width: 0px;
	padding: 0px;
	border-spacing: 0px;
	margin: 0px;
}

TR.maint {
	border-collapse: collapse;
	border-style: none;
	border-width: 0px;
	padding: 0px;
	border-spacing: 0px;
	margin: 0px;
}

TABLE.menut {
	border-collapse: collapse;
	border-style: none;
	border-width: 0px;
	padding: 0px;
	border-spacing: 0px;
	margin: 0px;
	width:200px;
}

TD.menut {
	border-collapse: collapse;
	border-style: none;
	border-width: 0px;
	padding: 5px;
	border-spacing: 0px;
	margin: 0px;
}

TD.menuti {
	border-collapse: collapse;
	border-style: none;
	border-width: 0px;
	padding: 5px;
	border-spacing: 0px;
	margin: 0px;
	font-style: italic;
	background-color: #f0f0f0;
}

TR.menut {
	border-collapse: collapse;
	border-style: none;
	border-width: 0px;
	padding: 0px;
	border-spacing: 0px;
	margin: 0px;
}

TABLE.main TD {
	border: 1px;
	border-color: black;
	padding: 1px;
	background-color: #f0f0f0;
    color: black;
    font-family: Arial;
    font-size: 9pt;
}

TD.mainf {
	background-color: #f0f0f0;
	font-family: Arial;
    font-size: 11pt;
	width: 100%;
	padding:2px 0px 5px 5px;
}

DIV.menu {
	padding:10px 0px 1px 10px;
	width:188px;
	border-style: none;
	border-width: 0px;
}


TABLE.list {
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 0px;
	border-spacing: 0px;
	background-color: #fafafa;
}

TABLE.list TD {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 2px;
	border-spacing: 0px;
}

DIV.head {
	text-align: center;
	font-family: Arial;
    font-size: 14pt;
	margin: 10px;
}

DIV.head_b {
	text-align: center;
	font-family: Arial;
    font-size: 12pt;
	margin: 3px;
}

DIV.mes {
	color: #ee3333;
	font-size: 10pt;
}

TABLE.list_docs {
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 0px;
	border-spacing: 0px;
	background-color: #fafafa;
	margin: 10px;
}

TABLE.list_docs TD {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 2px;
	border-spacing: 0px;
}

TABLE.wo-border TD {
	border-style: none;
	border-width: 0px;
}

TR.chet {
	background-color: #eaeaea;
}

TR.over {
        font-weight: bold;
        cursor:pointer;
}

TR.h {
	font-weight: bold;
	font-size: 11pt;
	text-align: center;
}

TD.h {
	font-weight: bold;
	font-size: 11pt;
}

TABLE.hint {
	border-collapse: collapse;
	border-style: none;
	border-width: 0px;
	font-size: 8pt;
}

TR.hint2 TD{
background-color: #eeeeee;
}

TABLE.vtp {
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 0px;
	border-spacing: 0px;
	font-size: 10pt;
	width: 100%;
}

TABLE.vtp TD {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 2px;
	border-spacing: 0px;
}

TD.menu_td {
	width:200px;
}

DIV.menu_blank {
	padding:10px 1px 1px 10px;
	width:200px;
}

.tb {
	font-weight: bold;
}

.tbr{
	font-weight: bold;
	color: red;
}

.ti {
	font-style: italic;
}

.tnw {
	white-space: nowrap;
}

.att {
	font-weight: bold;
	color: #FF2600;
}

.backg {
	background-color: #aaffff;
}

.backr {
	background-color: #ffaaaa;
}

#adSite {width:450px;position:absolute;left:250px;top:100px;display:none;background:#FFFFFF;border:3px solid #800000;padding:5px 5px;z-index:10000;}
#adSite .close_line {color:#CC2D31;font-family:Arial;font-size:9px;line-height:1.5;text-align:right;text-transform:uppercase;}
#adSite .close_line #close_bnt {bottom:-1px;margin-left:8px;position:relative;cursor:pointer;}

#adSite2 {width:700px;position:absolute;left:220px;top:0px;display:none;background:#FFFFFF;border:3px solid #800000;padding:5px 5px;z-index:10000;}
#adSite2 .close_line2 {color:#CC2D31;font-family:Arial;font-size:9px;line-height:1.5;text-align:right;text-transform:uppercase;}
#adSite2 .close_line2 #close_bnt2 {bottom:-1px;margin-left:8px;position:relative;cursor:pointer;}

div.hid{position:absolute;display:none;z-index:10001;}

div.shadow{left:0px;top:0px;width:100%;height:100%;position:absolute;background:rgba(238, 238, 238, 0.5);display:none;}
div.msg{left:100px;top:100px;width:300px;height:150px;position:absolute;background:#FFFFFF;text-align:center;}

div.es {position:fixed;left:750px;top:38px;background:#FFFFFF;border:1px solid #800000;padding:3px 3px;z-index:900;}


<style>

/*Классы всех таблиц*/
/*
.operationTable  td{
	border: 3px solid #000000;
}

/* Все кнопки */

/*

#updateTheStationsList {
    height: 25px;
    width: 25px;
    background: url(images/updateTheStationsList.png) no-repeat;
    background-size: auto 100%;
    border: none;
}
#updateTheStationsList:hover {
    background: url(images/updateIfSelected.png) no-repeat;
    background-size: auto 100%;
    border-radius: 50%;
    transition: 1s;
    transform: rotate(360deg);
}

*/


#popup_appear {
	height: 25px;
    width: 25px;
	/*background-image: url(images/giveMeToEdit_ForRoutes.png) no-repeat;*/
    background-size: auto 100%;
    border: none;
}

.class_add_new_rele {
	display: none;
}

/* Конец всех кнопок */


/* Таблица с классом operationTable */

.operationTable {
	border: 3px dashed #000000;
}


.numbers_td, .DataBase_Name_td, .popup_appear_td {
	border: 2px solid #2137fc;
}

.empty_td {
	border: none;
}


.popup_appear_class {
	width: 25px;
	height: 25px;
	border: none;
	background-image: url(../images/button_edit.png);
	background-size: auto 100%;
	transition: 1s;
}

.popup_appear_class:hover {
	background-image: url(../images/button_edit_hover.png);
}


/* Конец таблицы с классом operationTable */


/* Всплывающие окно с классом .popupIfYouClickTheButton */

.popupIfYouClickTheButton {
	/*display: none;*/

}

.position_tables {
	display: inline-block;

}

.popupTable_op_on {
	margin-right: 50px;
	border: 2px solid purple;
	/*border-radius: 10% 5%;*/
	/*background: #fafaf2;*/
}
/*
.opTitle {
	background-color: #000;
}
*/

.option_delay, .option_duration {
	width: 100px;
	text-align: center;
}
#id_add_button_on {
	width: 25px;
	height: 25px;
	border: none;
	background-image: url(../images/addTheNewRele_op_on.png);
	background-size: auto 100%;
	transition: 1s;

}
#id_add_button_on:hover {
	background-image: url(../images/addTheNewRele_op_off.png);
}




.popupTable_op_off {
	border: 2px solid #053002;
	/*background-color: #b9baeb;*/
}

.opTitle_off th {
	/*background-color: #191924;*/
	/*color: #fff;*/
}

#id_add_button_off {
	/*background-image: url(/images/addTheNewRele_op_off.png) no-repeat;*/
	width: 25px;
	height: 25px;
	border: none;
	background-image: url(../images/addTheNewRele_op_off.png);
	background-size: auto 100%;
	transition: 1s;

}
#id_add_button_off:hover {
	background-image: url(../images/addTheNewRele_op_on.png);

}



#popup_close_button {
	margin-left: 20px;
	width: 25px;
	height: 25px;
	/*border-radius: 50px;*/
	border: none;
	background-image: url(../images/button_CloseThePopupTable.png);
	background-size: auto 100%;
	transition: 0.5s;
}
#popup_close_button:hover {
	background-image: url(../images/button_CloseThePopupTable_hover.png);
	/*transform: rotate(360deg);*/
	transition: 0.8s;
	transform: scale(1.7);
}


/* Конец всплывающего окно с классом .popupIfYouClickTheButton */


/*Конец классов всех таблиц*/