﻿@charset "utf-8";
/* Файл с сеткой сайта */

html, body{
	height:100%;
}

/* basic style */

.clear{
	clear:both;
}

.vertical {
	display: table-cell;
	vertical-align: middle;
}


#layout{
	width:100%;
	height:100%;
	min-width:1000px;
	max-width:1400px;
	margin:25px auto 0;
	position:relative;
}


/* left column layout */

#leftColumnLayout{
	width:250px;
	float:left;
	margin-bottom:50px;
	z-index:0;
}

	/* logotype */

#logotypeLayout{
	text-align:center;
	margin-top:4px;
}

	/* menu */

#mainMenu{
	margin:0 auto;
	margin-top:50px;
	width:92%;
}

#mainMenu li{
	margin-bottom:6px;
}

#mainMenu #blackListMenu{
	margin:10px 0;
}


/* right column layout */

#rightWrapper{
	float:right;
	margin-left:-250px;
	width:100%;
	z-index:0;
}

#rightColumnLayout{
	margin-left:250px;
	z-index:0;
}

	/* seacrh */
	
#searchLayout{
	width:97%;
	margin:0 auto;
	clear:both;
}

.searchIETable{
	width:99.5%;	
}

#searchInput{
	margin-right:150px;
}

#searchInput input{
	width:100%;
	padding:5px 0 5px 1px;
}

#searchButton{
	background:url(../images/searchBgButton.jpg) repeat-x;
	height:29px;
	width:130px;
	float:right;
	margin:1px 0 0 0;
	cursor:pointer;
}

.searchLeftButton{
	background:url(../images/searchLeftButton.jpg) no-repeat;
	width:4px;
	height:29px;
	float:left;
}

.searchRightButton{
	background:url(../images/searchRightButton.jpg) no-repeat;
	width:4px;
	height:29px;
	float:right;
}

.searchSecondLine{
	margin-top:2px;
}

.searchExample{
	float:left;
}

.searchAdvan{
	float:right;
}


	/* user area layout */

#userLayout{
	clear:both;
	border:1px solid #dddddd;
	width:97%;
	margin:0 auto;
	margin-top:25px;
}

.userLeftTopCorner{
	background:url(../images/topLeftCornerForm.jpg) no-repeat top left;
	position:relative;
	height:100%;
	top:-1px;
	left:-1px;
}

.userRightTopCorner{
	background:url(../images/topRightCornerForm.jpg) no-repeat top right;
	position:relative;
	top:0px;
	right:-2px;
	height:100%;
}

.userLeftBottomCorner{
	background:url(../images/bottomLeftCornerForm.jpg) no-repeat bottom left;
	position:relative;
	bottom:-2px;
	left:-2px;
	height:100%;
}

.userRightBottomCorner{
	background:url(../images/bottomRightCorderForm.jpg) no-repeat bottom right;
	position:relative;
	bottom:0px;
	right:-2px;
	height:100%;
}

.enterRegister{
	text-align:center;
	margin-top:20px;
}

.retriveHeader{
	margin-bottom:15px;
	text-align:center;
}

.retrivePass{
	margin:0 auto 15px;
	margin-top:5px;
	width:314px;
}


		/* user form */

#enterForm{
	width:240px;
	margin:0 auto 8px;
	overflow:hidden;
}

.formLine{
	padding-bottom:15px;
}

.enterText{
	float:left;
	width:55px;
}

.enterInput{
	float:left;
	width:185px;
	text-align:right;
}

.enterInput input{
	width:170px;
}

#remember{
	float:left;
	width:110px;
	margin-top:3px;
}

.rememberCheck{
	float:left;	
	margin-right:6px;
}

.rememberText{
	float:left;	
	color:#56585C;
	font-size:14px;
	line-height:18px;
	font-style:italic;
}

#enterButton{
	background:url(../images/enterBgButton.jpg) repeat-x;
	height:23px;
	width:83px;
	cursor:pointer;
	float:right;
	overflow:hidden;
}

.enterLeftButton{
	background:url(../images/enterLeftButton.jpg) no-repeat;
	width:4px;
	height:23px;
	float:left;
}

.enterRightButton{
	background:url(../images/enterRightButton.jpg) no-repeat;
	width:4px;
	height:23px;
	float:right;	
}



		/* registration form*/

#regForm{
	width:82%;
	margin:20px auto 8px;
	overflow:hidden;
}

.regFormBlock{
	width:680px;
	margin:0 auto;
}

.regText{
	float:left;
	width:300px;
}

.captcha{
	width:485px;
	text-align:right;
}

.captcha img{
	border:1px solid #dddddd;
}

.buttonLine{
	overflow:hidden;
	width:485px;
}

#regButton{
	background:url(../images/enterBgButton.jpg) repeat-x;
	height:23px;
	width:175px;
	cursor:pointer;
	margin-left:310px;
}

		/* retrive pass */
		
#retriveForm{
	width:100%;
	margin:20px auto 8px;
	overflow:hidden;
	width:680px;
}

.retriveFormBlock{
	width:680px;
	margin:15px auto 0;
}

#retriveButton{
	background:url(../images/enterBgButton.jpg) repeat-x;
	height:23px;
	width:130px;
	cursor:pointer;
	margin-left:354px;
}



/* all content */

#content{
	width:97%;
	margin:25px auto 0;
}

#contentWrapper{
	width:100%;
}

	/* content note*/

#contentLayout{
	width:59%;
	float:left;
}

.contentBlock{
	padding-bottom:25px;
}

.headerUpdate{
	margin-bottom:25px;
}

.headerUpdate span.pathArrow{
	margin:0 5px;
}

.inList{
	margin-top:8px;
}


.smallInfoBlock{
	padding-top:6px;
}

.smallHeader{
	display:table-cell;
	padding-right:4px;
}

.smallInfo{
	display:table-cell;
}

.infoLayout{
	border:1px solid #ffba00;
	margin-top:8px;
	width:100%;
	clear:both;
}

.infoLeftTopCorner{
	background:url(../images/leftTopCornerInfo.jpg) no-repeat top left;
	position:relative;
	height:100%;
	top:-1px;
	left:-1px;
}

.infoRightTopCorner{
	background:url(../images/rightTopCornerInfo.jpg) no-repeat top right;
	position:relative;
	height:100%;
	top:0px;
	right:-2px;
}

.infoLeftBottomCorner{
	background:url(../images/leftBottomCornerInfo.jpg) no-repeat bottom left;
	position:relative;
	height:100%;
	bottom:-2px;
	left:-2px;
}

.infoRightBottomCorner{
	background:url(../images/rightBottomCornerInfo.jpg) no-repeat bottom right;
	position:relative;
	height:100%;
	bottom:0px;
	right:-2px;
}

.infoContent{
	position:relative;
	padding:1px 4px 2px 4px;
}

.moreInfoLink{
	position:relative;
	float:left;
	cursor:pointer;
}

.plus{
	position:relative;
	float:right;
	cursor:pointer;
}

.fullInfoBlock{
	padding:6px 0;
}

.contentText{
	margin-top:8px;
	clear:both;
}

.contentText p{
	margin-top:8px;
}

.bottomLink{
	padding-top:10px;
}

.author{
	float:left;
	width:70%;
}

.date{
	margin-left:70%;
}

#content hr{
	background:#e6e6e6 none repeat scroll 0 0;
	border:medium none;
	color:#e6e6e6;
	height:1px;
	width:100%;
	margin:0;
	padding:0;
	margin-bottom:25px;
}

	/* article layout*/

#articleLayout{
	margin-left:59%;
}

.article{
	background:#f6f3f3;
	width:90%;
	float:right;
}

.articleLeftTopCorner{
	background:url(../images/leftTopCornerArticle.jpg) no-repeat top left;
	position:relative;
	height:100%;
	top:0px;
	left:0px;
}

.articleRightTopCorner{
	background:url(../images/rightTopCornerArticle.jpg) no-repeat top right;
	position:relative;
	height:100%;
	top:0px;
	right:0px;
}

.articleLeftBottomCorner{
	background:url(../images/leftBottomCornerArticle.jpg) no-repeat bottom left;
	position:relative;
	height:100%;
	bottom:0px;
	left:0px;
}

.articleRightBottomCorner{
	background:url(../images/rightBottomCornerArticle.jpg) no-repeat bottom right;
	position:relative;
	height:100%;
	bottom:0px;
	right:0px;
}

#articleContent{
	padding:15px;
}

.articleBlock{
	margin-bottom:25px;
}

.articleText{
	margin-top:6px;
}

.articleText p{
	margin-bottom:6px;
}

.articleDate{
	margin-top:10px;
}

.helpBlock{
	margin:0;
}

/* pager */

#pagerLayout{
	width:100%;
	text-align:center;
	margin-top:10px;
}

#pagerLayout a, #pagerLayout span{
	margin-left:7px;
}

#pagerLayout .prevPage, #pagerLayout .prevPage a, #pagerLayout .nextPage a {
	margin:0;
}

#pagerLayout .prevPage span{
	margin: 0 3px 0 0;
}

#pagerLayout .nextPage span{
	margin-left:3px;
}

/* bottom */

#bottomLeftLayout{
	width:270px;
	float:left;
	margin-top:-95px;
	top:50px;
	position:relative;
}

#bottomRightLayout{
	margin-left:270px;
	padding-top:30px;
}

#cpyWrapper{
	width:180px;
	margin:0 auto;
}

.cpyLinks{
	margin-top:10px;
}

/* panel */

#panelTop{
	clear:both;
	padding-bottom:25px;
	width:100%;
}

#panelUser{
	float:left;
}

#panelExit{
	float:right;
}

.panelLeft{
	width:50%;
	float:left;
}

.panelRight{
	margin-left:50%;
}

#panelContent{
	width:100%;
	clear:both;
}

#noteControl{
	width:185px;
	margin:0 auto;
}

#accountControl{
	width:250px;
	margin:0 auto;
}

.panelList{
	margin-top:10px;
}

.panelList li{
	margin-bottom:6px;
}


/* note */

.lineNote{
	clear:both;
	padding-bottom:15px;
}

.textNote{
	float:left;
	width:150px;
}

.inputLine{
	margin-left:150px;
}

.marginInput{
	margin-top:12px;
}

.detailHeaderNote{
	margin-top:25px;
}

.detailNote{
	padding-top:15px;
}

.inputDetailLine{
	margin-left:150px;
}

.companyNote{
	float:left;
	padding:7px 12px;
	margin-left:20px;
}

.moreNote{
	margin-top:6px;
}

.peopleNote{
	float:left;
	padding:7px 12px;
}

.activeNote{
	background:#fff8e5;
}

.detailBlockNote{
	width:100%;
	background:#fff8e5;
}

.categoryColor1{
	background:#fff2ce;
}

.categoryColor2{
	background:#ffecb9;
}

.detailWrapper{
	padding:15px 15px 0 15px;
}

.detailBlockPlusNote{
	padding:15px 15px 0 15px;
	background:#fff8e5;
	border-top:1px solid #ffd972;
}

.detailBlockLastNote{
	padding:0 15px 15px 15px;
	background:#fff8e5;
}

.adressNote{
	margin-right:265px;
	text-align:center;
}

.adressNote p{
	margin-bottom:4px;
	text-align:center;
}

.adressPartNote{
	float:right;
	width:250px;
}

.adressPartNote p{
	margin-bottom:4px;
}

.houseNote{
	float:left;
	width:83px;
	text-align:center;
}

.partNote{
	float:left;
	width:83px;
	text-align:center;
}

.officeNote{
	float:left;
	width:83px;
	text-align:center;
}

.messageText{
	margin-top:25px;
	margin-bottom:6px;
}

.message{
	width:100%;
	overflow:hidden;
	font-size:14px;
	color:#404245;
	min-height:100px;
	resize:none;
}

#addButton{
	background:url(../images/enterBgButton.jpg) repeat-x;
	height:23px;
	width:120px;
	cursor:pointer;
	float:right;
	overflow:hidden;
}

.addLeftButton{
	background:url(../images/enterLeftButton.jpg) no-repeat;
	width:4px;
	height:23px;
	float:left;
}

.addRightButton{
	background:url(../images/enterRightButton.jpg) no-repeat;
	width:4px;
	height:23px;
	float:right;	
}

div#addNote hr.detailHrNote{
	background:#e6e6e6 none repeat scroll 0 0;
	border:medium none;
	color:#e6e6e6;
	height:1px;
	width:100%;
	margin:0; 
	padding:0;
	margin-bottom:15px; 
}


/* change info */

#changeButton{
	background:url(../images/enterBgButton.jpg) repeat-x;
	height:23px;
	width:170px;
	cursor:pointer;
	float:right;
	overflow:hidden;
}

.headerChange{
	margin:10px 0;	
}


/* List Note */

.listNote{
	width:100%;
	display:table;
}

.listPrvLink{
	display: table-cell;
	vertical-align: middle;
	width:60%;
}

.listEdit{
	display: table-cell;
	vertical-align: middle;
	width:40%;
}

.listDeleteLink{
	float:right;
	padding:5px;
	margin:0 10px;
}

.listEditLink{
	float:right;
	padding:5px;
}

#content hr.listSeparator{
	background:#e6e6e6 none repeat scroll 0 0;
	border:medium none;
	color:#e6e6e6;
	height:1px;
	width:100%;
	margin: 15px 0;
	padding:0;
}

/* full list note */

.fullListNote{
	margin-top:8px;
}

.fullListNote li{
	margin-bottom:6px;
}

.companyListNote{
	margin-top:0px;
}

.companyListNote li{
	margin-bottom:0px;
}

.peopleListNote{
	margin-top:0px;
}

.peopleListNote li{
	margin-bottom:0px;
}

.listNoteHeader{
	margin-top:15px;
	clear:both;	
}

/* search active */

.searchListActive{
	list-style-type:decimal;
	padding-left:50px;
}

/* comment */

.commentWrapper{
	margin-top:25px;	
}

.headerLink a{
	margin-right:6px;
}

.headerLink span{
	margin-right:6px;
}

.commentWrite{
	margin-top:10px;	
}

.commentCurrent{
	margin:6px 0;	
}

.commentBlock{
	margin-top:8px;	
}

.commentUser a{
	margin-right:4px;
}

.commentTextarea textarea{
	width:99.5%;
	overflow:hidden;
	font-size:14px;
	color:#404245;
	min-height:100px;
	resize:none;
}

#commentButton{
	background:url(../images/enterBgButton.jpg) repeat-x;
	height:23px;
	width:100px;
	cursor:pointer;
	float:right;
	overflow:hidden;
	margin-top:6px;
}

.commentLeftButton{
	background:url(../images/enterLeftButton.jpg) no-repeat;
	width:4px;
	height:23px;
	float:left;
}

.commentRightButton{
	background:url(../images/enterRightButton.jpg) no-repeat;
	width:4px;
	height:23px;
	float:right;	
}

.commentNote{
	width:100%;
	display:table;
}

.commentNoteLink{
	display: table-cell;
	vertical-align: middle;
	width:80%;
}

.commentNoteLinkText{
	margin-top:6px;	
}

.commentNoteDate{
	display: table-cell;
	vertical-align: middle;
	width:20%;
	text-align:right;
}

/* rating */

.headerLink .ratingWrapper{
	white-space:nowrap;
}

.headerLink .ratingWrapper img.fullStar{
	background:url(../images/fullStar.jpg) no-repeat top left;
	width:1px;
	padding-left:14px;
	height:17px;
	vertical-align:bottom;
	margin:0 2px 0 0;
	cursor:pointer;
}

.headerLink .ratingWrapper img.emptyStar{
	background:url(../images/emptyStar.jpg) no-repeat top left;
	width:1px;
	padding-left:14px;
	height:17px;
	vertical-align:bottom;
	margin:0 2px 0 0;
	cursor:pointer;
}

.headerLink .ratingWrapper img.emptySuxStar{
	background:url(../images/emptySuxStar.jpg) no-repeat top left;
	width:1px;
	padding-left:14px;
	height:17px;
	vertical-align:bottom;
	margin:0 2px 0 0;
	cursor:pointer;
}

.headerLink .ratingWrapper img.topStar{
	background:url(../images/topStar.jpg) no-repeat top left;
	width:1px;
	padding-left:14px;
	height:17px;
	vertical-align:bottom;
	margin:0 2px 0 0;
	cursor:pointer;
}


/* sort */

.sortWrapper{
	margin-bottom:25px;	
}

.sortLeftTopCorner{
	background:url(../images/leftTopCornerSort.jpg) no-repeat top left;
	position:absolute;
	top:0px;
	left:0px;
	width:4px;
	height:4px;
}

.sortRightTopCorner{
	background:url(../images/rightTopCornerSort.jpg) no-repeat top right;
	position:absolute;
	top:0px;
	right:0px;
	width:4px;
	height:4px;
}

.sortLeftBottomCorner{
	background:url(../images/leftBottomCornerSort.jpg) no-repeat bottom left;
	position:absolute;
	bottom:0px;
	left:0px;
	width:4px;
	height:4px;
}

.sortRightBottomCorner{
	background:url(../images/rightBottomCornerSort.jpg) no-repeat bottom right;
	position:absolute;
	bottom:0px;
	right:0px;
	width:4px;
	height:4px;
}

.sortContent{
	padding:6px 8px;
	background:#fff8e5;
}

.sortDate{
	float:left;
	position:relative;
	margin-right:25px;
}

.sortRating{
	float:left;
	position:relative;
	margin-right:25px;
}

.sortComment{
	float:left;
	position:relative;
}

.sortASC{
	background:url(../images/arrowASC.jpg) no-repeat;
	width:1px;
	padding-left:9px;
	height:7px;
	margin-left:4px;
}

.sortDESC{
	background:url(../images/arrowDESC.jpg) no-repeat;
	width:1px;
	padding-left:9px;
	height:7px;
	margin-left:4px;
}

/* adSense */

#adSenseWrapper{
	width:728px;
	height:90px;
	margin:25px auto 0;
}

.ads{
	margin:0 0px 5px 45px;
	clear:both;
}