/*
	Основной файл стилей
	Этот файл стилей используется на каждой странице сайта и в редакторе

*/
html, body {margin:0; padding:0; background-color: white; width: 100%; height: 100%;}
html, body,td, th, p, div, span {font-size: 12px; color: #000; font-family: Verdana, Geneva, sans-serif;}
input, .button {font-size: 80%; font-family: Verdana;}
img {border: 0;}
form {margin:0; padding:0;}

small {font-size: 50%;}


/* Ссылки */
a {font-family:Verdana, Geneva, sans-serif; font-size:12px; text-decoration:none;color: #00F;}
a:hover {text-decoration:none;color:#F00;}

h1 {font-size: 32px; font-weight:bold; color:#1658c6;}
h2, .header{font-size: 24px; font-weight:bold; color:#900;}

.content-div {margin:20px 20px 20px 50px; width:1000px;}

.warning {color:#F00; font-weight:bold;}
.odd {background-color:#EEE;}
.plans {border:1px solid #666;}
.plansHeader {background-color:#aadcfd;}


#content {margin:0; padding:0; width: 700px;}


/* Таблица услуг и цен в разделе Разработка */
table.develop  {margin:0; padding:0; border: 2px solid #ffffff; border-spacing: 0px; border-collapse: collapse; width: 100%;}
table.develop td {padding: 10px 10px 10px 0px; border: 1px solid #999999; vertical-align: top;}



/* Таблица выполненных проектов */
table.prj  {margin:0; padding:0; border: 1px solid #ffffff; border-spacing: 0px; border-collapse: collapse; width: 100%;}
table.prj td {padding: 0px 20px 20px 0px; vertical-align: top; font-size: 120%;}
table.prj td small {font-size: 70%;}




/* Панель с ссылкой на административный интефейс */
.dadm{position:absolute; right:10px; top:10px; background:#ffdddd; padding:10px; padding-left:7px; border:red 1px dashed; z-index:1000;}
a.adm, a.adm:visited {padding-left:20px; background:url(/images/small-adm-ico.gif) no-repeat 6px 5px; color:red;}



/*****
*
* Административный тулбар в статьях и новостях
*	Панель в новостях и статьях с ссылкой на административный интефейс
*
*****/
.content-toolbar {border:1px dashed #FF0000; width: 98%; border-spacing: 0px; font-size: 14px; background-color:#ffdddd;color: red; padding: 5px;}
.content-toolbar img {margin-right: 8px;}
.content-toolbar a:link, .content-toolbar a:visited, .content-toolbar a:focus, .content-toolbar a:hover {color: red;}



/* JS и AJAX -ссылки*/
.js, a.js:link,	a.js:visited {text-decoration: none; border-bottom: 1px dotted;}
a.js:hover	{color: #E20000; text-decoration: none; border-bottom: 1px dotted #E20000;}



/*****
*
* TOOLTIP - всплывающие баллуны, подсказки
*
*****/
.tooltip {
  width: 300px;
  font-family: Arial, Verdana;
  color: #000;
  padding: 5px;
  background-color: #FFFFFF;
  border: 1px solid #0857A6;
  font-size: 10px;
  overflow: hidden;
}
/* картинка в новостной тултип */
.tooltip img.news {float: left; background-color:#f2f2f2; border: 1px solid #cccccc; margin: 4px 5px 0px 0px;}

.tooltip-load {width: 150px; border: 1px solid #0857A6; overflow: hidden;}
.tooltip-load #tooltipTitle {text-align: center;}
.tooltip-load #tooltipBody {height: 20px;background: url(/jscript/images/loader.gif) #FFF center no-repeat;}




/* Постраничный навигатор СТАРЫЙ */
.page-navigator {border: 0px;border-spacing: 0px;border-collapse: collapse;}
.page-navigator td {text-align: center; padding: 5px;}
.page-navigator .select {font-weight : bold;}


 /* Постраничный навигатор НОВЫЙ */
.pagenavigator {margin-left:6px;margin-top:6px;}
.pagenavigator .arr {padding:3px; margin-left:10px;}
.pagenavigator .numbers {margin-top:8px; margin-bottom:8px;}
.pagenavigator .numbers a, .pagenavigator .numbers span.active {padding:2px 4px 2px 3px; margin: 2px;}
.pagenavigator .numbers span.active {background-color:#59a5cd; color:#fff;font-weight: bold;}
.pagenavigator span.arr a {padding-left:5px; padding-right:5px;}
.pagenavigator .disabled {color:#888888;}



/* Quote block - Цитаты */
blockquote, div.blockquote-left, div.blockquote-right {
	background: #ebebeb none 6px 8px no-repeat;
	border: 1px solid #dbdbdb;
	margin: 3px 10px 3px 10px;
	overflow: hidden;
	padding: 3px;
	background-image: url("/images/quote.gif");
	font-weight:bold; color:black;
}

blockquote p, div.blockquote-left p {text-align: left;padding: 0px; margin: 7px;}
div.blockquote-right p {text-align: right; padding: 0px; margin: 7px;}

div.blockquote-left, div.blockquote-right {
	display: block;
	width: 150px;
	height: 100px;
}
div.blockquote-left {float: left; margin: 3px 10px 3px 4px;}
div.blockquote-right {float: right; margin: 3px 4px 3px 10px;}