﻿html, body, form
{
	margin:0; height:100%; text-align:center;
	margin-left:auto; margin-right:auto;
	background-color:#f7f7f7;
}
.bg-form
{
	background-image:url(Images/bg-page-test.jpg);
	background-position:center top;
	background-repeat:repeat-y;
}
* { font-size:11px !important; }
.tags-container { font-size:10pt!important; }
/***** Мастер-страница *****/
.wrapper
{
	height:auto !important; height:100%; min-height:100%;
	min-width:1100px; width:1100px;
	margin-left:auto; margin-right:auto;
	background-color:#f5f5f5;
	/*background-image:url(Images/bg-wrapper-test.jpg);*/
}
.header { height:107px; width:1100px; }
.wrapper, .footer { border-left:0px #d3d3d3 solid; border-right:0px #d3d3d3 solid; }
.center { border-left:1px #d3d3d3 solid; border-right:1px #d3d3d3 solid; min-height:620px; }
.container
{
	padding-top:17px;
	background-image: url(Images/bg-container-top.jpg);
}
/*.footer { border-bottom:2px #366bad solid; }*/
.left { margin-right:200px; }
.right { float:right; width:200px; }
.center { float:right; width:698px; }
.center
{
	background-image:url(Images/bg-content-post.jpg);
	background-position:center top;
	background-repeat:repeat-y;
}
.spacer { height:120px; }
.footer { height:120px; margin-top:-120px; width:1100px; margin-left:auto; margin-right:auto; }
.footer hr
{
	margin:0px auto; padding:0px;
	width:95%;
	border:none; border-top:solid 1px #d3d3d3;
}
.footer .counters-container
{
	text-align:center;
	padding-top:3px;
}
.clear { clear:both; }
/***************************/

/*********** Шапка *************/
.bg-header { background:url(Images/bg-header.jpg) no-repeat; height: 82px; position:relative;}
.bg-header a.home { display:block; height:100%; width:50%; text-indent:-9999px; }
.bg-header div { float:right; padding:5px; position:absolute; top:0px; right:0px; }
.bg-header div * { font-weight:bold; color:#333; }
.bg-search
{
	background:url(Images/bg-search.png) no-repeat;
	background-position:left -25px;
	background-color:#366bad;
	height: 25px; width:28px;
	display:inline-block;
	float:right;
	margin-right:20px;
	cursor:pointer;
}
.bg-search:hover
{
	/*background-position:left -25px;*/
}
.bg-search:active
{
	background-position:left -50px;
}
/******************************/

/* Меню */
.menu
{
	height:25px;
	background-color:#366bad;
	background:url(Images/bg-underbutton.jpg) no-repeat;
}
.menu input
{
	background-color: #7fa4d5; border: solid 4px #6584ad;
	font-size: 8pt;
	height: 15px; padding: 2px 2px 0px 2px;
	float:right;
}
.menu * { font-size:11px!important; }
ul.menu
{
	float:left;
	list-style-type:none;
	position:relative;
	margin:0px;
	padding-left:20px;
	/*margin-left:auto; margin-right:auto;*/
	width:790px;
	z-index:999;
}
.menu-item, .menu-item:hover { background-repeat:repeat-x; }
.menu-item
{
	background-image:url(Images/menu-item.gif);
	background-position:left top;
	float:left;
	margin-right:1px;
	background-color:#759ED2;
	cursor:pointer;
	width:130px; height:25px;
	text-align:center;
	position:relative;
}
.menu-item a { font-weight:bold; display:inline-block; height:20px; padding-top:5px; width:130px; }
.menu-item:hover { background-image:url(Images/menu-item-hover.jpg); background-position:left -32px; background-color:#366bad; }
.menu-item ul
{
	display:none;
	border-left:1px solid #366bad;
	border-right:1px solid #366bad;
	//background-color:#759ED2;
}
.menu-item ul li
{
	background-image:url(Images/sub-menu-item.gif);
	background-repeat:repeat-x;
	background-color:#759ED2;
	border-bottom:1px solid #333;
}
/*, .menu-item a:hover ul*/
.menu-item:hover ul
{
	position:absolute;
	display:block;
	top:25px;
	left:-16px;
	z-index:999;
	width:180%;
	overflow:visible;
}
.menu-item ul
{
	list-style-type:none;
	text-align:left;
}
.menu-item:hover ul li a
{
	color:#333;
	padding:7px;
	font-size:11pt;
	font-weight:normal; width:auto; height:auto;
}
.menu-item ul li a:hover
{
	text-decoration:underline;
}
li.menu-item a
{
	color:#E9E9E9;
	text-decoration:none;
	display:inline-block;
	vertical-align:middle;
	zoom:1;
	//display:inline;
}
.helper
{
	height:100%; width:0px; vertical-align:middle; zoom:1;
	display:inline-block; display:-moz-inline-box;
	//display:inline;
}
/**************/

/* Реклама */
.ad { color:#666666; width:160px; margin-left:auto; margin-right:auto; display:block; }
div.ad { border-bottom:solid 1px #E3E3E3; padding-bottom:7px; }
.ad div { color:#666666; margin:0px 0px 3px 0px; text-align:left; }
div.ad-header { width:130px; float:left; margin-bottom:3px; }
div.ad-header a { font-weight:bold; }
.ad-close { float:right; padding-top:3px; display:none; }
.ad-close a { cursor:pointer; padding:3px; text-decoration:none;}
.ad-close a:hover { background-color:#e7e7e7; }
.ad-content * { font-size:10px !important; }
.ad-content a:hover { text-decoration:none; }
.ad-image { clear:both; }
.ad-image img { width:130px; height:65px; }
.ad-image-banner img { width:150px; height:300px; }
/*-----------------------------------------------*/
.ad-make { width:160px; text-align:left; margin:0px auto 10px auto; border-bottom:solid 1px #E3E3E3; padding-bottom:7px; }
.ad-make a { font-size:10px!important; }
/*************/

/* Красивые всплывающие подсказки */
a.tooltip { position:relative; }
a.tooltip span
{
	display:none;
}
a.tooltip:hover span
{
	display:block;
	position:absolute;
	top:22px;
	left:50%;
	padding:0.2em 0.6em;
	border:1px solid #b5c7de;
	background-color:#f8f8f8;
	color:#666666;
	z-index:999;
	width:250px;
	text-decoration:none;
}
/**********************************/

/* Оформление поста */
.like, .post-like
{
	background-image:url(images/like.png);
	background-position:left 50%;
}
.like-hover { background-image:url(images/like-hover.png); }
.unlike, .post-unlike
{
	background-image:url(images/unlike.png);
	background-position:left 50%;
}
.unlike-hover { background-image:url(images/unlike-hover.png); }
.comments, .post-comments
{
	background-image:url(images/comments.png);
	background-position:left 50%;
}
.comments-hover { background-image:url(images/comments-hover.png); }
.post-like,.post-like-hover, .post-comments
{
	background-image:url(images/bg-sprites.png);
	background-repeat:no-repeat;
	width:18px; height:15px;
	display:inline-block; text-indent:-9999px; vertical-align:bottom;
	margin-right:0px!important;
}
.post-like { background-position:-44px top; }
.post-like-wrapper a:hover .post-like, .post-like-hover { background-position:-44px -15px; }
.post-comments { background-position:-28px top; }
.post-comments-wrapper a:hover .post-comments { background-position:-28px -15px; }
.table_item, .table_item2 { background-image:none!important; }
.ContentView-bottomline { display:none; }
/* Новый */
.content-post-wrapper *
{
	font-size:11px;
}
.content-post-wrapper { background-color:White; }
.content-post-wrapper, .content-post-pager, .content-photo-gallery-wrapper
{
	clear:both;
	border:solid 1px #d3d3d3;
	margin:0px auto 10px auto;
	overflow:hidden;
	width:670px;
}
.content-post-container
{
	background-color:White;
	border:solid 5px #e7e7e7;
	padding:5px 10px;
}
.content-post-title-container, .content-post-text, .content-post-more, .content-post-footer, .content-post-tags, .content-post-share
{
	margin-bottom:10px;
}
.content-post-title-container { clear:both; overflow:hidden; }
.content-post-icon { width:55px; float:left; margin-right:5px; }
.content-post-icon img { height:50px; }
.content-post-title { float:left; width:580px; text-align:left; }
.content-post-title * { font-size:1.6em !important; }
.content-post-rating, .content-post-title span.content-post-rating { color:Green; padding-left:5px; }
.bold-gray, .bold-gray:hover, .bold-gray:visited { font-weight:bold; color:#666; }
.bold-black, .bold-black:hover, .bold-black:visited, .content-post-title span { font-weight:bold; color:#333; }
.content-post-footer, .content-post-tags, .content-post-share
{
	border:solid 1px #d3d3d3;
	padding:5px;
}
.content-post-share { overflow:hidden; }
.content-post-footer span { margin-right:10px; }
.post-publisher, .post-date { font-style:italic; }
.content-post-comments .bold-gray { margin-bottom:5px; padding-left:0px; }
.content-post-comments .post-date { color:#666; }
.content-post-comments-container { padding-left:18px; margin-bottom:5px; }
.comment-text { padding-left:10px; }
.content-post-comments textarea { border:solid 1px #b5c7de; padding:3px 5px; color:Black; margin-bottom:5px; }
.content-post-comments .content-post-validator { padding-left:5px; font-weight:bold; color:Red; }
.content-post-pager a { padding:0px 3px; }
.content-post-pager a.bold-black { text-decoration:underline; }
/********************/
/* Фотогалерея */
.photo-viewer-wrapper
{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1001;
	overflow:hidden;
}
.photo-viewer-header
{
	position:absolute;
	height:40px;
	width:100%;
	background-color:Black;
	border-bottom:solid 1px #e1e1e1;
	top:0px;
	z-index:1003;
}
.photo-viewer-header-logo
{
	position:absolute;
	left:10px; top:5px;
	height:30px; width:175px;
	background-image:url(images/pg-sprites.png);
	background-position:left top;
	text-indent:-9999px;
}
.photo-viewer-header-close, .photo-viewer-header-close-hover
{
	position:absolute;
	right:10px; top:5px;
	height:30px; width:30px;
	cursor:pointer;
	background-image:url(images/pg-sprites.png);
	background-position:left bottom;
	text-indent:-9999px;
	z-index:1005;
}
.photo-viewer-header-close:hover, .photo-viewer-header-close-hover { background-position:-30px bottom; }
.photo-viewer-header-close-text
{
	position:absolute;
	right:5px; top:2px;
	cursor:pointer;
	border:solid 1px #e1e1e1; border-bottom:none;
	padding:0px 40px 0px 10px;
	line-height:33px;
	display:block;
	color:#ddd; font-weight:bold;
	display:none;
	z-index:1004;
}
.photo-viewer-left, .photo-viewer-right
{
	background-image:url(images/pg-sprites.png);
	background-repeat:no-repeat;
	height:32px; width:32px;
	position:absolute;
	top:3px;
	content:".";
	cursor:pointer;
}
.photo-viewer-left { background-position:-60px bottom; left:210px; }
.photo-viewer-left:hover { background-position:-92px bottom; }
.photo-viewer-right { background-position:-124px bottom; left:250px; }
.photo-viewer-right:hover { background-position:-156px bottom; }
.photo-viewer-header .photo-viewer-caption
{
	width:100%; text-align:center;
	color:#ddd; font-weight:bold; font-size:13px !important;
	line-height:40px;
}
.photo-viewer-container
{
	position:absolute;
	width:100%; height:100%;
	text-align:center;
	z-index:1002;
}
.photo-viewer-image-wrapper
{
	vertical-align:middle;
	display:inline-block;
	zoom:1;
	//display:inline;
}
.photo-viewer-container img
{
	cursor:pointer;
}
.photo-viewer-footer
{
	text-align:center;
	position:absolute;
	bottom:0px;
	width:100%;
	height:25px;
	background-color:Black;
	padding-top:15px;
	border-top:solid 1px #e1e1e1;
	z-index:1003;
}
.photo-viewer-footer span.info
{
	border:solid 1px #ddd;
	border-bottom:none;
	padding:3px 5px;
	color:#ddd; font-weight:bold;
}
.photo-viewer-footer span.info span { margin-right:10px; }
.photo-viewer-footer span.info a { color:#ddd; font-weight:bold; text-decoration:underline; }
.photo-viewer-footer span.info span.content-post-rating { margin-right:0px; }
.photo-viewer-footer a.bold-gray { cursor:pointer; vertical-align:middle; }
.photo-viewer-cliper-dock, .photo-viewer-cliper-float
{
	background-image:url(images/pg-sprites.png);
	width:10px; height:10px;
	cursor:pointer;
	position:absolute;
	right:5px; top:12px;
	margin:2px;
}
.photo-viewer-cliper-float { background-position:right -42px; }
.photo-viewer-cliper-dock { background-position:right bottom; }
.vk
{
	padding-left:20px;
	padding-right:3px;
	cursor:pointer;
	background-image:url('../../images/vk16.png');
	background-repeat:no-repeat;
	background-position:left top;
	height:16px;
}
a.vk { display:inline-block; }
.photo-gallery-container
{
	padding:0px;
	border:#e7e7e7 5px solid;
	background-color:White;
	/*width:660px;
	margin:0px auto;*/
}
.photo-gallery-title
{
	padding:5px 0px 5px 10px;
	margin-bottom:10px;
	border-right:dashed 3px #e7e7e7;
	border-bottom:dashed 3px #e7e7e7;
	width:100px;
}
.photo-gallery-thumbnail-container
{
	width:655px;
	margin:0px auto;
}
.photo-gallery-thumbnail-caption
{
	text-align:center;
	margin-bottom:10px;
	background-color:#eee;
	border:solid 1px #d3d3d3;
	border-top:none;
	border-bottom-width:2px;
	padding:3px;
	width:140px;
	margin:0px auto 10px;
}
.photo-gallery-thumbnail-caption .content-post-rating { font-weight:bold; }
.photo-gallery-thumbnail { margin:0px auto; max-width:200px; }
.photo-gallery-container .view
{
	width:650px;
}
.content-post-wrapper .modalBackground { background-color:Black; }
/***************/
/* Закладки, содержимое закладок */
.bookmark
{
	text-align:left; padding:5px 5px; margin-bottom:10px; font-size:1em !important;
	font-weight:bold; border-bottom:1px #d3d3d3 solid; border-top:2px #d3d3d3 solid;
	background-color:#e7e7e7;
	display:inline-block;
	//width:180px;
}
.bookmark-content
{
	width:200px;
}
/*********************************/

/* Информационное сообщение */
.info-message
{
	background-color: #E6E6E6; border: #b5c7de 1px solid; padding:5px;
	margin-top: 10px;
	display: inline-block;
	width: 300px;
}
/***************************/

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: Black;
    background-image:url(../../Images/table_head_new.gif);
    background-repeat:repeat-x;
    background-color: #BFCAF5;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    /*margin-top: 5px;*/margin-bottom:5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: Black;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #759ED2;
    background-image:url(../../Images/boyan_pad.gif);
    background-repeat:repeat-x;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    /*margin-top: 5px;*/margin-bottom:5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: White;
    border: 1px dashed #2F4F4F;
    border-top: none;
    /*padding: 5px;*/
    margin-bottom:5px;
}

.accordionContent a, .accordionContent a:hover
{
	color:Black;
	text-align:left;
}

.accordionContent a:hover
{
    text-decoration:none;
}

.accordionContent table.alt tr td
{
	padding:3px;
	text-align:left;
}
table.alt
{
	width:100%;
}
/*******************************/

/************ Разобрать ****************/
.table_head_new
{
    background-image: url(../../images/table_head_new.gif);
    background-repeat:repeat-x;
    background-position:top;
    background-color: #BFCAF5;
    border:solid 1px #8092AB;
}
.smooth { background-image:url(images/button-default.png); }
.smooth-hover { background-image:url(images/button-hover.png); }
.smooth, .smooth-hover
{
	background-position:50% 50%;
	background-repeat:repeat-x;
	background-color:#E6E6E6;
	white-space:normal;
}
.bglogin
{
	background-image:url(images/bglogin.png);
	background-position:2% 100%;
	/*background-position:right top;*/
}
/***************************************/

/* Стиль для новых кнопок */
input.smooth, input.smooth-hover
{
	border:#b5c7de 1px solid;
	color:#555555;
	cursor:pointer;
	padding: 0.2em 0.6em 0.3em 0.6em;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
/***************************************/
.ContentBottomPanel
{
	width:664px;
	border:#d3d3d3 1px solid;
	background-color:White;
	padding:4px;
	margin:0 auto 0 auto;
	white-space:normal;
}
