@import "reset.css"; 

/**/

a { text-decoration: underline; color: blue;}
a:hover { text-decoration: none; }
h1, h2, h3 { font-weight: normal; }
input[type=text], textarea { border: 1px solid #ccc; font: 12px Arial; padding: 5px;}

#inside { width: 900px; margin: 10px 0 0 -450px; left: 50%; position: relative; font: 14px Arial; line-height: 1.2; }
.numbers {
	span { 
		word-wrap: normal; float: right;
		-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
		padding: 5px; background: #f2f3ff; font-size: 12px; margin-top: -4px;
	}
	p { margin: 2px 0; padding: 8px 0;
		&.hot { 
			background: #f2f3ff; margin: 1px -5px; padding: 8px 5px;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
			b { 
				position: absolute; margin: -4px 0 0 0;
				background: #ffcdbf; position: absolute; display: block; right: 0; text-align: right; float: right;
				-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
				padding: 5px; font-size: 12px;
				cursor: help;
			}
			span {  background: #fff; }
		}
	}
	h2 { 
		font-size: 18px; 
		background: #e0d9f1; margin: 0 -10px; padding: 10px;
		-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; 
	}

	label { color: #999; font-size: 12px; }
}

h1 { font-size: 18px; margin-bottom: 25px;
	i { float: right; margin: 2px 0 0 0; font-size: 16px; text-align: right; font-style: normal; 
		a { font-size: 12px; opacity: 0.3; }
	}
}

.intro { font: 12px Verdana; line-height: 1.3; padding: 10px 0;
	p { margin: 0; padding: 4px 0; }
	h3 { padding: 4px 0; font-weight: bold; font-size: 14px;} 
	&.withline { border-top: 1px dashed #ccc; margin: 0 -50px 0 -50px; padding: 13px 50px 15px 50px; }
	&.vk { background: #4d739c; border: none !important; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px;
		&, a { color: #fff; }
		img { position: absolute;  margin: 0 0 0 -33px; }
		p.right { float: right; }
	}
	&.error { background: #ccc; }
}

.add { .intro.withline; font-size: 12px;
	p { margin: 0; padding: 2px 0; }
}

ul#menu { width: 700px; margin-top: -22px; height: 29px; display: block;
	li { float: left; margin-right: 15px; }
}

.counters { width:100%; height: 35px; float: right; opacity: 0.1;
	&:hover { opacity: 1; }
}

.table { margin: 0 10px 10px 10px;
	table { width: 100%; 
		td, th { padding: 3px 6px; border-bottom: 1px solid #ccc; }
		th { font: 10px Verdana; background: #ccc; line-height: 2;
			u { background: #fff; text-decoration: none; }
		}
		tr.issel:hover td:not(.nohover) { background: #eee; }
		td { font: 12px Verdana;
			.item { margin-right: 5px; background: #ccc; font-size: 10px; padding: 2px 2px 1px 2px;
				&.fuck { color: red; font-weight: bold; }
			}
			&.updY { background: green; }
			&.updN { background: red; }
			&.updY, &.updN { 
				a { color: #fff; }
			}
		}
		tr.clicked  {
			td, a { color: #eee; }
			td:not(.nohover) { background: green !important; }
			
		}
		tr.s td { text-decoration: line-through !important; }
		tr.f { opacity: 0.2 !important; }
		tbody:not(:last-child) { border-bottom: 5px solid #999; }
	}
}
.table2 { width: 100%; 
	td { padding: 3px 6px; font: 12px Verdana; }
	tr.error td { background: red; }
}

p.success, p.failure { color: #fff; padding: 5px; font: 12px Arial; line-height: 1.2; 
	a { color: #fff; }
	&.success { background: green; }
	&.failure { background: red; }
}

.form { margin-top: 10px;
	td { padding: 5px 10px 5px 0; vertical-align: top; 		
		input[type=text] { width: 300px; }
		textarea { height: 200px; width: 400px; }
		label { padding-top: 5px; display: block;}
	}
	.err { color: red; font-weight: bold;}
	.success { color: green; font-weight: bold;}
}

.h { 
	* { display: inline-block;}
	span { color: green; margin-left: 10px; color: #999; }
}