@charset "utf-8";

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

body {
	background: url(/images.jpg) repeat-y;
}

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: #5b8bb7;
	background-image: linear-gradient(to bottom,#6291c4,#518ca3);
	color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,0.25);
}

button.green:hover {
	background: #518ca3;
}

button.green:active {
	background: #6291c4;
}

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