/* Стили оформления страниц раздела "Online-Интервью" */

p {font-size: 100%}

/* Вывод подробностей */

div.detail{
	width: 350px;
	z-index: 100;
	position: absolute;
	background-color: #E3E3E3;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 2px solid #333333;
	border-bottom: 2px solid #333333;
	margin-top: .5em;
}

div.detail table.header {
	width: 100%;
	background-color: #666666;
	color: #EEEEEE;
	font-size: 75%;
}

div.detail table.header tr td{
	padding: .2em .2em .2em .4em;
}

div.detail div.scrolling {
	font-size: 75%;
	height: 250px;
	overflow-y: scroll;
	background-color: #F3F3F3;
	border: 1px #CCCCCC solid;
	padding: .7em;
}

/* Вывод вопросов-ответов Online-Интервью */

/* Оформление таблицы вопроса C ответом */
table.qaBlock {
	font-size: 80%;
	color: #0d2f73;
	background-color: #F7FAFD;
	margin-bottom: 1.5em;
	border-collapse: collapse;
	border-top: 2px #A8B8D7 solid;
	border-bottom: 1px #A8B8D7 solid;
}

table.qaBlock tr td {
	margin: 0;
	padding: 0.6em;
	vertical-align: top;

	border: none;
	vertical-align: top;
}

table.qaBlock tr.question td {
	background-color: #E7F0FA;
}

table.qaBlock ul, table.qaBlock ol{
	font-size: 100%;
}


/* Оформление таблицы НОВОГО вопроса-ответа */
table.qaBlockNew {
	color: #334433;
	background-color: #EAF5CF;
	border-color: #A8D73B;
}

table.qaBlockNew tr.question td {
	background-color: #EAF5CF;
}

table.qaBlockIncorrect  {
	color: #555555;
	background-color: #F3F3F3;
	border-color: #C0C0C0;
}
table.qaBlockIncorrect tr.question td {
	background-color: #F3F3F3;
}


/* Оформление div'ов вопроса-ответа */
div.qaBlock {
	font-size: 80%;
	margin-bottom: 1.5em;
	border-top: 2px #A8B8D7 solid;
	border-bottom: 1px #A8B8D7 solid;
}

div.qaBlock div {
	padding: .7em;
}
div.qaBlock div div {
	padding: 0;
}

div.question {
	padding-top: 0;
	padding-bottom: 0;
	color: #194192;
	background-color: #E7F0FA;
}

div.answer {
	padding-top: 10em;
	padding-bottom: 0;
	color: #0D2F73;
	background-color: #F7FAFD;
}

.userName {
	color: #777788;
	font-size: 75%;
}

.questionTime {
	color: #AAAABB;
}


/* Вывод таблицы задания вопроса*/
table.questionForm {
	font-size: 80%;
	color: #0D2F73;
	background-color: #E7F0FA;
	border-top: 2px #A8B8D7 solid;
	border-bottom: 1px #A8B8D7 solid;
}

table.questionForm tr td{
	padding: .3em .6em;
	border-bottom: 1px #FFFFFF solid;
}

table.questionForm tr td.fieldname{
	vertical-align: top;
	padding-top: .6em;
	font-weight: bold;
}

span.error {
	font-size: 75%;
	font-weight: normal;
	color: #FF3300;
}

div.success {
	margin-top: .5em;
	margin-bottom: .5em;
	background-color: #E0EFDF;
	color: #339900;
	border-bottom: 1px #339900 solid;
}

/* Оформление ссылки "Задать вопрос" */
a.unpress {
	font-size: 120%; text-decoration: none; border-bottom: 2px dashed;
	margin-left: .4em;
	background-color: none;
}
a.press {
	font-size: 120%; text-decoration: none; border-bottom: none;
	padding: .2em .4em 0;
	color: #FFFFFF;
	background-color: #A8B8D7;
}

/*Оформление таблицы типов отображаемых вопросов*/
div.questuionTypeOuter {
	background-image: url(/services/questions-answers/tab_blue_grad.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	padding-bottom: 25px;
}

table.questionType {
	font-size: 85%;
}

table.questionType tr td{
	padding: .4em .6em;
	border-bottom: 1px #A8B8D7 solid;
}

table.questionType tr td.active{
	font-weight: bold;
	background-color: #E7F0FA;
	color: #0D2F73;
	border-top: 2px #A8B8D7 solid;
	border-left: 1px #A8B8D7 solid;
	border-right: 1px #A8B8D7 solid;
	border-bottom: none;
}



/*Оформление блока тэгов*/
span.tag {
	margin-right: 1em;
	font-size: 75%;
	color: #999999;
}

span.choise, a.choise {
	color: #FFFFFF;
	padding: 0 3px 2px 4px;
	background-color: #A8B8D7;
}

/* Friend fixes */
.b-info-link-banks{font-size:70%;padding-left:3em;}
.b-info-link-banks a{display:block;margin-top:5px;}
.b-icon i{
    width: 500px;
    height: 16px;
    background: url(/friends/images/b-icon.png);
    }
.b-info-link-banks .info .b-icon i{left:-368px;}
.b-info-link-banks .friend .b-icon i{left:-80px;}

/* Icon (begin) */
    .b-icon
    {
        position: absolute;
        overflow: hidden;
        width: 16px;
        height: 16px;
        margin-left: -19px;
    }

    .b-icon i
    {
        position: absolute;

    }
/* Icon (end) */

/* new question-answer (begin) */
.b-abc {
	color: #d1d1d1;
	font-size: 0.7em;
	text-transform: uppercase;
	float: right;
    width: 320px;
	}
	.b-abc a {
		text-decoration: none
		}

.b-question {
	margin-bottom: 10px;
	clear: both
	}
	.b-question .name {
		color: #456a9c;
		font-size: 1.4em
		}
	.b-question .hotline {
		float: right;
		background: #b72f17 url(/_com/bg-hotline.png) repeat-x top;
		text-decoration: none;
		color: #fff;
		font-size: 0.75em;
		padding: 2px 8px 3px;
		text-shadow: 0 -1px 0 #761f0f
		}
	.b-question	.description {
		padding-top: 10px;
		font-size: 0.78em;
		display: table;
		width: 100%
		}
		.b-question .description .photo {
			float: left;
			width: 94px;
			height: 125px;
			border: 1px solid #e6e6e6
			}
		.b-question .description .people {
			margin-left: 110px;
			padding: 0 0 10px
			}
		.b-question .description .text {
			background: #e7f0fa;
			color: #0d2f73;
			margin-left: 110px;
			padding: 2px 5px 4px
			}
			.b-question .description .text div {
				padding: 5px 0 7px
			}
			.b-question .description .text a {
				color: #0d2f73
			}

.b-question-menu {
	display: block;
	list-style: none;
	padding: 5px 0 15px 0;
	margin: 0;
	border-bottom: 1px solid #ddd
	}
	.b-question-menu li {
		display: inline-block;
		margin:0 19px 0 1px;
		font-size: 0.88em;
		font-weight: bold;
		position: relative;
		padding-left: 20px
		}
		.b-question-menu li a i {
			position: absolute;
			top: 2px;
			left: 0;
			width: 14px;
			height: 14px;
			background: url(/_com/s-systemIcons.png);
			}
		.b-question-menu li a.show-answers i{
			background-position: -14px 0
			}
		.b-question-menu li a.faq i{
			background-position: -28px 0
			}			
/* new question-answer (end) */
.b-pr-sber {
	display: block;
	background: #00703c;
	text-decoration: none;
	text-align: center;
	font: 17px Tahoma;
	color: #fff;
	clear: both;
	margin: 0 0 1em 0;
	border: 1px solid #a6c9a1;
	padding: 9px 0 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: -webkit-linear-gradient(#d6e03e, #00703c);
	background: -moz-linear-gradient(#d6e03e, #00703c);
	background: -ms-linear-gradient(#d6e03e, #00703c);
	background: -o-linear-gradient(#d6e03e, #00703c);
	background: linear-gradient(#d6e03e, #00703c);
	-pie-background: linear-gradient(#d0f499, #00703c);
	behavior: url(/_lib/PIE.htc);
	}
.b-pr-sber:active {
	color: #fff
	}
    
.b-abc .nr-search_bank{
	width: 100%;
	position:relative;
	}
	.nr-search_bank  .active a{
		border-bottom:none;
		padding-bottom:1px;
		cursor:text;
		color:#333;
		}
	.nr-search_bank  form{
		padding: 3px 5px 3px 3px;
		background: #dadada;
		}
	.nr-search_bank  form ins{
		background: url(/bitrix/components/custom/bank.ratings/templates/.default/images/search_icon.gif) 0 0 no-repeat;
		position:absolute;
		display:block;
		width:14px;
		height:13px;
		right:5px;
		top:30%;
		}
		.clear-input{background-position:0 -13px!important;}

	.nr-search_bank input{
		width: 100%;
		height: 20px;
		padding: 0;
		display: block;
		border: 1px solid #999
		}