html, body {
	border:0;
	padding:0;
	margin:0;
	font-family:Arial, sans-serif;
	font-size:0.9em;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	height:400px;
}

#container {
	position:relative;
	min-width:950px;
}

#content-container {
	position:absolute;
	left:250px;
	width:700px;
	top:150px;
	line-height:1.5em;
}

#html-version {
	position:absolute;
	right:50px;
	top:47px;
	font-size:11px;
}

h1 {
	font-size:2em;
	font-style:italic;
	font-weight:normal;
	font-family:Georgia, serif;
	position:absolute;
	margin:0;
	padding:0;
	left:200px;
	top:32px;
	width:600px;
}

.tabs-phones {
	position:absolute;
	left:100px;
	top:100px;
	font-size:12px;
}

.tabs-phones .tab {
	white-space:nowrap;
	color:#000;
	cursor:pointer;
	float:left;
	padding:5px 5px 0 0;
	position:relative;
	z-index:2;
} 

.tabs-phones .tab div {
	background: #f0f0f0;
	border:1px solid #e0e0e0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border-bottom:1px solid #e0e0e0;
	padding: 5px 5px 3px 5px;
	user-select: none;
	-moz-user-select: none;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(220,220,220)),
		color-stop(1, rgb(245,245,245))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(220,220,220) 0%,
		rgb(245,245,245) 100%
	); 
}

.tabs-phones div.active {
}

.tabs-phones div.active div {
	background: #fff;
	cursor:default;
	border-bottom:1px solid white;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(255,255,255)),
		color-stop(1, rgb(250,250,250))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(255,255,255) 0%,
		rgb(250,250,250) 100%
	); 
}

.tabs-phones div.active div:hover {
	background:#fff;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(255,255,255)),
		color-stop(1, rgb(250,250,250))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(255,255,255) 0%,
		rgb(250,250,250) 100%
	); 
}

.tabs-phones .line {
	border-bottom:1px solid #e0e0e0;
	position:relative;
	top:-1px;
	left:-20px;
	width:600px;
	clear:both;
	z-index:1;
	font-size:0;
	line-height:0;
}

.tabs-phones .tab div:hover {
	background: #f5f5f5;
}

.tabs-phones div.last {
	padding-right: 0;
}

.containers-phones {
	position:absolute;
	left:110px;
	top:120px;
}

.containers-phones input.abonent {
	width:20em;
}

.containers-phones input.phone {
	width:6em;
}

#ui-phones {
	-moz-box-shadow:2px 2px 20px #e0e0e0;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:300px;
	border:1px solid #e0e0e0;
}

#ui-phones-container {
	position:absolute;
	left:100px;
	right:100px;
	top:210px;
}

#add-phone {
	position:absolute;
	right:50px;
	top:45px;
	width:300px;
	z-index:100;
}

#add-phone span.inside {
	font-size:1.2em;
}

#add-phone-form {
	margin-top:5px;
	border:1px dotted #999;
	background:#fcfcfc;
	padding:5px 10px;
	display:none;
	-moz-box-shadow: 1px 1px 10px #999;
	-webkit-box-shadow: 1px 1px 10px #999;
	box-shadow: 1px 1px 10px #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;		
}
	#add-phone-form div.pad {
		padding-bottom:0.7em;
	}

	#add-phone-form textarea {
		width:20em;
		height:7em;
	}

	#add-phone-form #author {
		width:20em;
	}

.noreq {
	color:#999;
}

#container span.inside {
	border-bottom:1px dotted #0055CC;
}

#container-error, #container-thanks {
	position:absolute;
	top:150px;
	left:200px;
	width:500px;
}

div.error {
	color:red;
}