root { 
    display: block;
}
/*
* { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
*/
body {
    background-color: #fafaea;
}

.err404 {
    padding: 2em 0 1em 0em;
    font-size:128px;
    font-family:monospace;
    color:silver;
}

.whosite {
    text-align:left;
    width:50%;
}
.whosite dt, .whosite dd {
    font-family:sans-serif;
    padding: 0.5em 0;
}
.whosite dt {
    float:left;
    clear:left;  
    text-align:right;
    width:50%;
    color:#444
}
.whosite dd {
    float:left;
    margin-left:3em;
}
.whosite h1, .whosite h2 {
    text-align: center;    
}
.whosite h2 {
    padding-top: 2em;
    color:#222;    
}
.whosite br, .whosite h2 {
    display: block;
    clear: both;
}

.ip {
    padding: 1em;
}
.ip td {
    padding: 0.4em;
    text-align: right;
    font-weight: bold;
    color: gray;
}
.ip td + td {
    text-align: left;
    font-weight: normal;
    color: black;
}
.leftinfo {
    margin: 0.5em 0 0 2em;
    position: absolute;
    left: 10px;
    font-weight: bold;
}
.leftinfo a {
    text-decoration: none;
}
do { color:orange; }
dg { color:green; }
db { color:blue; }
dr { color:red; }
TD {
    vertical-align: top;
}
.info {
    text-align: left;
}
.info TH {
    padding-top: 20px;
    font-size: 18px;
}
.info TD {
    padding-right: 30px;
}
.info TD + TD {
    font-family: arial;
    font-size: 16px;
}
.query {
    border: 1px solid silver;
    border-bottom: 4px solid orange;
    border-top: 0px;
    margin: -10px 0 0 0;
    padding: 10px;
    box-shadow: 0 0 24px silver;
    background-color: white;
}
.query label {
    font-family: tahoma;
    color: gray;
    font-size: 20px;
}
.query input[type=text] {
    padding: 4px;
    font-size: 20px;
    border-radius: 2px;
    border: 1px solid gray;    
}
.query input[type=image] {
    margin: 0px 0px -10px 5px;
}
h1 {
    color:gray;
}
.small {
    color: gray;
    font-size: 10px;
    float: right;
    font-family: arial;
    border: 1px solid silver;
    background-color: #f8f8f0;
    border-radius: 10px;
    padding: 0 6px 2px 6px;
    text-decoration: none;
}
.small:hover {
    color:orange;
    border-color: #e0e0e0;
    background-color: #ffffff;
}
.help {
    border: 1px solid silver;
    font-size: 10px;
    font-family: arial;
    padding: 0 7px;
    border-radius: 7px;
    text-decoration: none;
    background-color: #f8f8f0;
}
.help:hover {
    color:orange;
    border-color: #e0e0e0;
    background-color: #ffffff;
}

a {
    color: gray;
    font-family: verdana;
}
a:hover {
    color:orange;
    text-decoration: none;
}
.topinfo {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 12px;
    font-family: arial;
    color: gray;
    padding: 6px 6px;
    margin: 7px;
    background-color: #fffff0;
    text-align: right;
}
.t_mailru {
}
.info .t_mailru th , .info .t_mailru td {
    font-size:12px;
    font-family: arial;
    padding:4px;
    margin:2px;
    color: gray;
    border-left: 1px solid #000;
}
.info .t_mailru th:first-child {
    text-align: right;
    border: none;
    border-top: 1px solid #000;
}
.info .t_mailru tbody > tr:first-child > th:first-child {
    border: none;
}
.info .t_mailru td {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    vertical-align: middle;
    text-align: left;
    font-size:14px;
    font-family: monospace;
    color:black;
}
.info .t_mailru td sup {
    color:#a0a0a0;
    font-size: 10px;
    font-family: monospace;
}
.leftlinks {
    background-color: #fffff0;
    position: absolute;
    padding: 8px 6px;
    margin: 2px 0 0 0;
    font-size: 12px;
    line-height: 15px;
    text-align: left;
    font-family: arial;
}
.leftlinks a {
}

.welcome {
    padding-top: 70px;
}
.welcome .tools {
    width: 850px;
    height: 286px;
}
.welcome .tools div table {
    text-align: left;
}
.welcome .tools div table td {
    font-size: 16px;
    font-family: tahoma;
    color:black;
    padding:0 0 0 10px;
    text-align: right;
}
.welcome .tools div h3 {
    padding-bottom: 20px;
    color:white;
    text-shadow: 0px 1px 2px black;
}
.welcome .tools div:hover {
    background-color: #ffffff;
    box-shadow: 0 0 10px #eeeee0;
}
.welcome .tools div {
    color: gray;
    width: 200px;
    height: 200px;
    box-shadow: 0 0 100px #eeeee0;
    /* border:1px solid orange; */
    border-bottom: 4px solid orange;
    padding:20px;
    margin:20px;
    float:left;
    background-color: #fffff0;
}
.welcome .li_stat {
    list-style-type: none;    
    padding: 0;
    margin: 0;
    height: 84px;
    vertical-align: bottom;
    display: table-cell;
}
.welcome .li_stat li {
    width: 7px;
    padding: 0;
    margin: 0;
    display: inline-block;
    background-color: silver;
    border: 1px solid white;
}
.login:hover:before {
    color:orange;
}
.login {
    font-size: 11px;
    width: 78px;
    display: block;
    line-height: 13px;
    text-decoration: none;
    text-align: left;
    margin: 9px 0px 2px 27px;
}
.login:before {
    content: "Я";
    color: red;
    font-size: 34px;
    text-shadow: 1px 1px 1px silver;
    font-weight: 600;
    font-family: monospace;
    margin: 0px 4px -20px -24px;
    display: block;
}


.menu {
    position: relative;
    width: 947px;
}
.menu a {
    padding: 10px;
    width: 144px;
    border: 1px solid silver;
    border-left: 4px solid silver;
    margin: 10px;
    display: block;
    float: left;
    background-color: #fefef0;
}
.menu a:hover {
    border-left: 4px solid orange;
    background-color: #ffffff;
}

.nvd {
    max-width: 50%;
    min-width: 400px;
    text-align: left;
}
.nvd dt {
    font-weight: bold;
    font-size: large;
}
.nvd dd {
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid silver;
    font-family: monospace;
    font-size: larger;
}
.nvd dd b {
    color: red;
}

.pager {
   font-size: x-large;
   color: silver;
   font-weight: bold;
}
.pager a {
   text-decoration: none; 
}
.pager span {
   font-size: x-large;
   color: gray;
}
.user {
    clear: both;    
}
.user table.li {
}
.user table.li th {
    font-size:12px;
}
.user table.li tr:hover td {
    border-bottom: 4px solid orange;
    background-color: #fffff1;
}
.user table.li td {
    border: 1px solid silver;
    border-bottom: 4px solid silver;
    padding: 10px;
    font-size: 20px;
    font-family: arial;
}
.user table.li td:first-child {
    width: 50px;
}
.user table.li td+td {
    width: 1000px;
}
.user table.li td+td+td {
    width: 50px;
}
.user table.li td:last-child {
    cursor: pointer;
    width: 20px;
    text-align: center;
}
.user table.li td:last-child:before {
    content: "✘";
    color:red;
}
.user table.li td:last-child:hover:before {
    color:black;
}
.user table.li + form input {
    margin: 10px 0 0 0;
    padding:2px;
}
.user table.li input[type=submit]:hover {
    color: black;
    background-color: white;
}
.user table.li input[type=submit] {
    float: right;
    font-size: 29px;
    color: gray;
    border: 1px solid silver;
    margin: 2px 4px;
}
.user table.li form {
    text-align: right;
}
.user table.li textarea {
    width: 84%;    
}
.user table.li td li[name^=url_] {
    border-bottom: 3px solid silver;
    width: 930px;
    overflow-x: hidden;
}
.user table.li td li[name^=url_]:hover {
    border-bottom: 3px solid orange;
    background-color: #fffff8;
}
.user table.li td li[name^=url_]:after {
    content: "URL";
    color: silver;
    position: absolute;
    margin-top: -10px;
    font-size: 10px;
    font-family: arial;
}
.user table.li td li[name^=word_] {
    border-bottom: 2px solid silver;
    position: relative;
}
.user table.li td li[name^=word_]:hover {
    border-bottom: 2px solid orange;
    background-color: #fffffd;
}
.user table.li td li[name^=word_]:after {
    content: "Фразы";
    color: silver;
    right: 2px;
    bottom: 0px;
    position: absolute;
    font-size: 10px;
    font-family: arial;
}
.user table.li td li {
    font-size: 16px;
    list-style-type: none;
    margin: 0px 0px 7px 27px;
    padding: 4px;
    border: 1px solid silver;
}
.user table.li td li a {
    position: absolute;
    margin: 0px 0px 0px -31px;
    text-decoration: none;
    color: red;
    font-size: 16px;
    width: 18px;
    height: 18px;
    padding: 0px 0px 0px 0px;
    line-height: 16px;
    text-align: center;
    border-radius: 25px;
}
.user table.li td li a:hover {
    color: white;
    background-color: red;
}

.user table.li form[name=new_url] input[type=submit]:hover {
    color: orange;
    background-color: white;
    border: 1px solid orange;
}
.user table.li form[name=new_url] input[type=submit] {
    color: white;
    background-color: orange;
}

.user table.li td input[name=cnt] , .user table.li td input[name=deep] , .user table.li td input[name=showed] , .user table.li td input[name=type] {
    width:54px;
    font-size:16px;
    text-align: center;
    margin-bottom: 10px;
}
.user table.li td input[name=showed] {
    color:silver;
}
.user table.li td label {
    font-size: 11px;
    color: silver;
}

.onoffswitch {
    position: relative; width: 58px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
}

.onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; width: 50%; height: 28px; padding: 0; line-height: 28px;
    font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 9px;
    background-color: #FFB32F; color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 9px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

.onoffswitch-switch {
    width: 10px; margin: 7px;
    background: #fafafa;
    border: 2px solid silver;
    position: absolute; top: 0; bottom: 0; right: 30px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

.user table.proxy {
    font-size: 20px;
}
.user table.proxy tr:hover td {
    border-bottom: 2px solid orange;
}
.user table.proxy td {
    border:1px solid silver;
    border-bottom: 2px solid silver;
    padding: 7px 8px 4px 7px;
}
.user table.proxy td {
    width: 170px;
}
.user table.proxy td:first-child {
    width: 100px;
}
.user table.proxy td:last-child {
    width: 70px;
}
.user table.proxy th.header:hover {
    background-color: #ffffff;
}
.user table.proxy th.header {
    border:1px solid silver;
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    margin-left: -1px; 
}
.user table.proxy th.headerSortUp { 
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); 
} 
.user table.proxy th.headerSortDown { 
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); 
} 
.bottom {
    margin-top: 100px;
    width: 400px;
    font-size: 12px;
    color: gray;
    font-family: arial;
}
.bottom a {
    font-family: arial;
    font-size: 12px;
    color: gray;
    text-decoration: none;
}
#map {
    width: 100%;
    height: 200px;
}
#map + h4 img {
    margin: 0 4px -6px 0;
}
.foot {
    border-top: 1px solid silver;
    margin: 70px 0px 0px 0px;
    padding: 10px 10px 0 10px;
}