@charset "utf-8";

* {
 margin: 0;
 padding:0;
 border: 0 none;
 outline: 0;
}

body {
 background: #fff;
}

html, body, div, span, table, tr, td, input, textarea {
 font: 13px "Helvetica Neue", Helvetica, Arial, Tahoma, Veranda, sans-serif;
 color: #333;
}

a {
 color: #08c;
 text-decoration: none;
}

a:hover,
a:focus {
 text-decoration: none;
}

button {
 background: #f5f5f5;
 background-image: linear-gradient(top,#fff,#e6e6e6);
 display: inline-block;
 padding: 4px 12px;
 border: 1px solid transparent;
 border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
 line-height: 18px;
 text-shadow: 0 1px 1px rgba(255,255,255,0.75);
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
 border-radius: 3px;
 transition: all linear .2s;
 cursor: pointer;
}

button:hover {
 background: #e6e6e6;
}

button:active {
 background: #ccc;
 box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
}

button.green {
 background: #5bb75b;
 background-image: linear-gradient(to bottom,#62c462,#51a351);
 color: #fff;
 text-shadow: 0 1px 0 rgba(0,0,0,0.25);
}

button.green:hover {
 background: #51a351;
}

button.green:active {
 background: #408140;
}

section {
 width: 800px;
 margin: 100px auto;
 display: block;
}

section table {
 background: #fff;
 width: 580px;
 float: left;
 border: 1px solid #ddd;
 border-collapse: separate;
 border-spacing: 0;
}

section table th {
 background: #f5f5f5;
 padding: 8px;
 border-left: 1px solid #ddd;
 line-height: 18px;
 text-align: center;
 font-weight: bold;
 vertical-align: bottom;
}

section table td {
 height: 40px;
 padding: 0 8px;
 border-top: 1px solid #ddd;
 border-left: 1px solid #ddd;
 text-align: center;
 vertical-align: middle;
}

section table td:hover,
section table td:focus {
 background: #f5f5f5;
}

section table th:first-child,
section table td:first-child {
 text-align: left;
 border-left: 0 none;
}

section table td img {
 float: left;
 margin-right: 5px;
 vertical-align: baseline;
}

section aside {
 background: #fff;
 width: 203px;
 float: right;
 padding: 8px;
 border: 1px solid #ddd;
 border-left: 0 none;
}

section aside i {
 display: inline-block;
 margin-bottom: 4px;
 font-style: normal;
 font-size: 11px;
 color: #aaa;
}

section aside hr {
 border-top: 1px solid #e2e2e2;
}

#form_vk {
 background: rgba(0,0,0,0.8);
 display: none;
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
}

#form_noscript {
 background: rgba(0,0,0,0.8);
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
}

#form_vk .modal,
#form_noscript .modal {
 background: #fff;
 width: 400px;
 margin: -250px 0 0 -200px;
 position: fixed;
 top: 50%;
 left: 50%;
 box-shadow: 0 3px 7px rgba(0,0,0,0.3);
 border-radius: 6px;
}

#form_vk .modal .header,
#form_noscript .modal .header {
 background: #f5f5f5;
 padding: 9px 15px;
 border-bottom: 1px solid #ddd;
 font-weight: bold;
 box-shadow: inset 0 -1px 0 #fff;
 border-radius: 6px 6px 0 0;
}

#form_vk .modal .header a {
 float: right;
 margin-top: -4px;
 font-size: 20px;
 color: #aaa;
 text-shadow: 0 1px 0 #fff;
 cursor: pointer;
}

#form_vk .modal .header a:hover {
 color: #333;
 transition: all linear .2s;
}

#form_vk .modal .body,
#form_noscript .modal .body {
 padding: 15px;
}

#form_vk .modal .body textarea {
 width: 360px;
}

#form_vk .modal .footer,
#form_noscript .modal .footer {
 background: #f5f5f5;
 padding: 14px 15px 15px;
 border-top: 1px solid #ddd;
 text-align: right;
 box-shadow: inset 0 1px 0 #fff;
 border-radius: 0 0 6px 6px;
}

#form_vk .modal .footer button {
 margin-left: 10px;
}

.example {
 background: #fff;
 padding: 4px;
 border: 1px solid rgba(82,168,236,0.8);
 color: #555;
 border-radius: 3px;
 box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
 transition: border linear .2s, box-shadow linear .2s;
}

.example span {
 color: #555;
}

.example:hover,
.example:focus {
 border-color: #ccc;
 box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

div.mpmenu {color:#7b7b7b;font-family:tahoma;background:#ededed;padding:3px;border-bottom:1px solid #ccc;width:93%;height:16px;} 
div.mpmenu:hover {color:#5d5d5d;background:#f4f4f4;}