html{
		margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
		padding:0px;
		
		/*иначе не на все окно будет содержимое*/
		width: 100%;
		height: 100%;
	
	}
	
	body {
		/*background: url(images/canvas.gif);
		background-color: #f5f5f5;*/
		/*background: #e3ebed;*/
		/*background: white;*/
		margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
		padding:0px;
		
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 12pt;
		
		/*иначе не на все окно будет содержимое*/
		width: 100%;
		height: 100%;
		
		background: #eee;
		
	}
	
	ul {
		margin: 0;
	}
	
	img{
		border:0;
	}

	form label{
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 12pt;
	}
	
	table{
		border:0;
		border-spacing:0px;
	}
	
	tr{
	}

	td{
		vertical-align: top;
		border:0;
	}
	
	@media print{
		body > *, /*для всяких виджетов, типа reformal*/
		
		#container{
			display:block;
		}
	}
	
	/*Это класс для блоков страницы, которые являются таблицами*/
	.container-layout{
		height: 100%;
		width: 100%;
	}
	
	
	
	#title{
		width: 200px;
		margin-left:50px;
		font-family: "Tahoma";
		font-size: 5.5em;
		/*font-style: italic;*/
		font-weight: bold;
		color: #AFBFBF;
		/*background: url("images/agenta-title.png");
		width: 320px;
		height: 80px;*/
		
		float: left;
	}
	
	#title a{
		color: #AFBFBF;
		text-decoration: none;
	}
	
	#container{
		/*margin-top: 100px;*/
		/*margin: 0 auto;*/
		/*min-width: 600px;*/
		/*max-width: 1100px;
		margin: 0 auto;*/
		/*Учитываем, что слева закладка отзывов*/
		/*padding: 0 10px 0 5px;*/
		/*overflow: hidden;*/
		/*background: #eee;*/
	}

	#header{
		/*margin-top:35px;*/
		/*margin-left: 35px;*/
	}

	.header-top{
		text-align: right;
		position: fixed;
		left:0;
		top:0;
		right: 0;
		/*width:100%;*/
		background: #333;/*#157FCC;*/
		color:#f2f2f2;
		
		
		/*padding: 5px;*/
		
		height: 30px;
		overflow: hidden;
		
		font-size: 12pt;
		
		box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		
		z-index: 10;
	}
	
	.header-top a{
		color: #ccc;
		text-decoration: none;
		/*text-shadow: -1px -1px 0 #888;*/
	}

	.header-top a:hover{
		color: #eee;
	}
	
	.header-top td{
		padding: 5px;
	}
	
	.header-top img{
		vertical-align: text-top;
	}
	
	.header-top span.x-button{
		color:#ccc;
	}
	.header-top span.x-button:hover{
		color: #eee;
	}
	

	/*Бывший #main*/
	#content{
		/*margin-left: 370px;
		margin-right: 5px; /*для отображения тени*/
		/*margin-bottom: 10px;*/
		/*margin: 0 10px 0 35px;*/
		padding: 50px 20px 25px 130px; /*Отступ снизу - для того чтобы уместилась закладка "Отзывы и предожения"*/
		/*min-width: 600px;*/
	}

	#left{
		width: 500px;
		float: left;
		margin-bottom: 1em;
	}

	#right{
		margin-left: 520px;
	}
	
	#footer{
		/*position: fixed;
		left: 0;
		bottom: 0;*/
		width: 100%;
		background: transparent;
		clear: left;
		/*margin-top: -50px;*/
		
	}

/*
	Переопределяем основные стили виджетов
*/	
	/*.x-form .x-buttons{
		background: #f5f5f5;
		border-top: 1px solid #eee;
	}*/
	
/***********************************
	Общие элементы
***********************************/
.status-online{
	color: white; 
	background: limegreen; 
	padding: 0 0.5em; 
	border-radius: 0.3em;
}