/*************************** Общие настройки **********************************/

body, html{ height:100%; margin:0px; color:#333; }
body {
	background:url("../images/bg.png");
    font-family: Trebuchet MS;
    font-size:14px;
	-webkit-font-smoothing: subpixel-antialiased !important;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}

h1.sitename { font-size:2em; color:#000; }

h1,h2,h3,h4,h5,h6 { color: #425768; margin-top:0px; }

h1 { font-weight: normal; }

.loading16{
    display: none;
    height:16px;
    width:16px;
    background:url("../images/loader16.gif");
}

#logo a{
    display:block;
    width:180px;
    height:40px;
    background:url("../images/logo.png") no-repeat left center;
    float:left;
}

#logo .beta{
    display:block;
    float:left;
    color:#FFF;
    font-size:13px;
}

#logo_embed{ float:right; }
#logo_embed a{
    display:block;
    width:120px;
    height:40px;
    background:url("../images/logo_embed.png") no-repeat;
}

.survey_lock{
    display:inline-block;
    width:16px; height:16px;
    background:url("../images/icons/lock.png") no-repeat;
}

#save_indicator{
    padding:1px;
    padding-left:20px;
    background:url("../images/loader16.gif") no-repeat left center;
    display:none;
}

p { margin-top:0px; }

#header {
	background: #244358;
    background-size: cover;
    overflow: hidden;
    padding: 12px 0;
    border-bottom: solid 2px #244358;
}

#wrapper {
    display: block;
    height: auto !important;
    min-height: 100%;
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
	background: #FFF;
}

#wrapper .pad {
    clear: both;
    display: block;
}

#screenshots a {
	display:block;
	overflow:hidden;
	text-align:center;
}

#footer{
	height: 60px;
    margin-top: -60px;
    position: relative;
    z-index: 9;
    background: #244358;
    color: #6E8993;
    text-align: center;
    font-size: 12px;
    max-width: 1000px;
    margin: -60px auto 0 auto;
}

#footer a { color:#6E8993; }
#footer a:hover { color:#A7D0E0; }

#footer_content,
#footer_right,
#footer_share{
    padding-top:15px;
}

#footer_right{
	float:left;
	margin-left:40px;
}

#footer_share a { text-decoration: none; }
#footer_share a img{ opacity:0.3; }
#footer_share a:hover img{ opacity:0.5; }

#footer_content div { margin-bottom:5px; }
#footer_share .label { padding-left:7px; }
#footer_share .b-share { }

#footer_right a { padding-left:20px; display:block; margin-bottom:5px; }

#dialog-confirm, #dialog-image, #dialog-image-view, #dialog-preview, #dialog-copy,
#dialog-max-quests, #dialog-resp-rename{ display:none; }

#dialog-resp-rename .input{
    width:98%;
}

#dialog-image .file_form {
    margin:15px;
    padding-left:50px;
    background:url("../images/icons/big/image_add.png") no-repeat 5px 24px;
}

#dialog-image .file_form .hint{
    margin-top:4px;
    font-size:11px;
    color:#6E8993;
}

#dialog-image .file_loading {
    margin:15px;
    text-align:center;
    padding-top:40px;
    background:url("../images/loader.gif") no-repeat center 5px;
}

#dialog-image .file_error {
    display:none;
    margin:10px;
    padding:10px;
    padding-left:33px;
    color:red;
    border:solid 1px red;
    border-radius:5px;
    font-size:12px;
    background:url("../images/icons/message_error.png") no-repeat 10px 9px #FFE5E5;
}

.pagebar {
    clear: both;
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 30px;
}
.pagebar_title {
    color: #425768;
    margin: 5px;
}
.pagebar_page {
    margin: 3px;
    padding: 6px;
}
.pagebar_current {
    background-color: #425768;
    border-radius: 10px;
    color: #FFFFFF;
    margin: 3px;
    padding: 6px;
}

.pagebar_notice {
    float:right;
    font-size:12px;
    color:#6E8993;
}

#page_body{
    padding:25px 0;
    padding-bottom: 25px;
    display:block;
}

/***************************** Главная страница *******************************/

.heading .line{
    border-bottom: solid 1px #A7D0E0;
    margin-top:30px;
}

.heading h2{
    display: table;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    padding:0 15px;
    background:#FFF;
    margin-top:-20px;
    color:#000;
    font-size:28px;
    font-weight: normal;
}

#clients {
    overflow:hidden;
	text-align: center;
}

#clients p{
    text-align:center;
    font-style:italic;
    font-size:24px;
    clear:both;
    color:#648382;
}

#clients a {
	display: inline-block;
    width: 188px;
    height: 80px;
    background: url(../images/clients.png) no-repeat;
    margin-bottom: 10px;
}

#clients #cl_muz { background-position: 0px 0px; }
#clients #cl_muz:hover { background-position: 0px -160px; }
#clients #cl_gkd { background-position: -188px 0px; }
#clients #cl_gkd:hover { background-position: -188px -160px; }
#clients #cl_kp { background-position: -376px 0px; }
#clients #cl_kp:hover { background-position: -376px -160px; }
#clients #cl_kupivip { background-position: -564px 0px; }
#clients #cl_kupivip:hover { background-position: -564px -160px; }
#clients #cl_mailru { background-position: -752px 0px; }
#clients #cl_mailru:hover { background-position: -752px -160px; }
#clients #cl_bell { background-position: 0px -80px; }
#clients #cl_bell:hover { background-position: 0px -240px; }
#clients #cl_restore { background-position: -188px -80px; }
#clients #cl_restore:hover { background-position: -188px -240px; }
#clients #cl_rd { background-position: -376px -80px; }
#clients #cl_rd:hover { background-position: -376px -240px; }
#clients #cl_skb { background-position: -564px -80px; }
#clients #cl_skb:hover { background-position: -564px -240px; }
#clients #cl_readru { background-position: -752px -80px; }
#clients #cl_readru:hover { background-position: -752px -240px; }

/********************************* Диалоги ************************************/

.dialog_box {  }
.dialog_title{ margin:0px;padding:5px;background:#000;color:#FFF; }
.dialog_form{ padding:15px; }
.buttons{ text-align:right; padding:10px; background:#ECECEC; border-top: solid 1px #DDD; overflow: hidden; }

/*********************************** Формы ************************************/

form .input, form .textarea, form .date-input,
.survey_build .input, .survey_build .textarea, .survey_build .date-input {
    border: solid 1px #999;
    padding:2px;
    font-size:18px;
    background:url("../images/input.jpg") repeat-x left top #FFF;
}

form .date-input,
.survey_build .date-input{
    width: 140px;
    text-align: center;
    margin-right: 5px;
    font-size: 16px;
    position: relative;
    top: -3px;
    margin: 2px;
    height: 23px;
    padding: 0px;
}

form button.ui-datepicker-trigger{
    height:25px;
}

form .submit{
    margin-top:10px;
}

form .label {
    padding:5px 0;
}

form .reg_input{
    width:240px;
    margin-bottom:2px;
}

form .reg_button{
    margin-top:10px;
    width:245px;
}

form .date_input,
form .short_input{
    border: solid 2px silver;
    width:  100px;
}

form .field, form .field .label{
    margin-bottom:4px;
}

#add_event_form .field, #add_place_form .field{
    width:400px;
    margin-bottom:8px;
}

.odd{
    background:#ECECEC;
}

/******************************* Ссылки ***************************************/

a {	color:#0099CC; }
a:hover { color:#F60; }
a img{	border:none; max-width: 100%; }
a.alternate_link { color:gray; }

a.ajaxlink { text-decoration:none; border-bottom:dashed 1px #09C; }
a.ajaxlink:hover { border-bottom:dashed 1px #F60; }

/************************** Кнопка "Назад" ************************************/

div.back_button { background:#ECECEC; margin-top: 15px;  padding:5px;  display:table; clear:both;  _width:80px; text-align:center; }
div.back_button a { text-decoration: none; color:gray; padding:5px; }

/*************************** Обратная связь ***********************************/

div.feedback div.req_text{ margin-bottom:15px;  }
.feedback_form{ margin-bottom:20px; }
.feedback_form td{ padding:4px 0; }
.feedback_form td.label{ color:#354247; font-size:16px; }
.feedback_form td.label p.label { margin:0; padding:0; }
.feedback_form td.field input{ width:240px; }
.feedback_form .input:focus{ box-shadow: 0 0 4px #6E8993;  }
.feedback_form td.field textarea{ width:680px; height:150px; }
.feedback_form .hint { font-size:12px; color:#666; }
div.feedback div.send_button input { margin-left:194px; margin-top:10px; padding:6px; font-size: 1.2em; }

div.feedback_error{	margin-bottom:15px;	color:red; }
img#kcaptcha { padding:3px; border:solid 1px silver; }
span.star{ font-size:1.3em; color:red; }

/**************************** Форма авторизации *******************************/

.profile_name{
    color:#A7D0E0;
}

.auth_links a{ color:#6E8993; padding:5px; }
.auth_links a:hover{ color:#A7D0E0; text-shadow:0 0 4px #000; }

.auth_links span{ padding:5px; color:#A7D0E0; text-shadow:0 0 4px #000; }

.auth_links{
    font-size:16px;
    margin-top:6px;
    float:right;
    color:#6E8993;
}

.auth_link {
    background:none;
    font-size:16px;
    color:#6E8993;
}

.auth_link:hover{
    color:#A7D0E0;
}

a.login_link,
a.login_link:hover,
a.logout_link,
a.logout_link:hover{
    display: inline-block;
    padding:3px 8px;
    padding-left:23px;
    margin-left:15px;
    text-decoration:none;
    text-shadow:none;
    color:#354247;
    border-radius:5px;
}

a.login_link { background:url("../images/icons/login.png") no-repeat 8px center #7d929d; }
a.logout_link { background:url("../images/icons/logout.png") no-repeat 8px center #7d929d; }

a.login_link:hover,
a.logout_link:hover{
    background-color: #b1d6e4;
}

.login_form .label{ color:#6E8993; font-size:16px; }
.login_form .input{ width:100%; }
.login_form .input:focus{ box-shadow: 0 0 4px #6E8993;  }
.login_form .options { margin-top: 10px; margin-bottom: 30px; font-size:13px; color:#6E8993; line-height: 14px; vertical-align:middle;}

.login_form .options input,
.login_form .options label{
    vertical-align:middle;
}
.login_form .submit { margin: 0; }
.login_form .reg_link { font-size:13px; padding-left: 15px; color:#354247; }

.login_layout { margin:20px auto; overflow: hidden; }

.login_layout .left_cell,
.login_layout .right_cell { padding-top:20px; }

.login_layout .left_cell { padding-right: 50px; }
.login_layout .right_cell { padding-left: 20px; }

.login_layout .center_cell {
    background:url("../images/vline1px.png") no-repeat center top;
	min-height: 260px;
}

.login_layout .center_cell div {
    text-align: center;
    padding:15px 0;
    background:#FFF;
    font-size:22px;
    font-style: italic;
    color:#A7D0E0;
    margin-top:100px;
}

.openid_widget iframe {
  max-width:100%;
}

#tos_notice{
    display:block;
    margin-left:200px;
    width:auto;
    padding-left:22px;
    padding-top:6px;
    background:url("../images/icons/asterisk.png") no-repeat left top;
    color:#888;
}

#tos_notice a { color:#546a75; }
#tos_notice a:hover { color:#F60; }

/**************************** Сообщения сессии ********************************/

.sess_messages {
    padding:10px;
    background:#ECECEC;
    margin-bottom:15px;
    display:block;
    overflow:hidden;
}

.sess_messages .grid_12{
    line-height:16px;
    margin-bottom:2px;
}

.sess_messages .message_info {
    background:url("../images/icons/message_info.png") no-repeat left center; padding-left:20px;
}
.sess_messages .message_success {
    background:url("../images/icons/message_success.png") no-repeat left center; padding-left:20px;
    color: #6F8E27;
}
.sess_messages .message_error {
    background:url("../images/icons/message_error.png") no-repeat left center; padding-left:20px;
    color: #B72A2A;
}

.warning{
    padding:1px;
    padding-left:20px;
    color:#425768;
    background:url("../images/icons/message_error.png") no-repeat left center;
}

/**************************** Ссылки-действия *********************************/
.actions a { padding:1px; padding-left: 20px; }
.actions_context { overflow:hidden; display:inline-block; }
.actions_context a { display: inline-block; width:16px; height:16px; margin-left:2px; float:left;}

.action_delete { background: url("../images/icons/delete.png") no-repeat left center; }
.action_minus { background: url("../images/icons/minus.png") no-repeat left center; }
.action_image { background: url("../images/icons/image.png") no-repeat left center; }
.action_image:hover { background: url("../images/icons/image_add.png") no-repeat left center; }
.action_plus { background: url("../images/icons/plus.png") no-repeat left center; }

/******************************************************************************/
/**************************** РЕДАКТОР ОПРОСА *********************************/
/******************************************************************************/

.survey_build_head {
    overflow:hidden;
    margin-bottom:20px;
}

.survey_build_head .toolbar{
    overflow:hidden;
    margin-bottom: 10px;
    margin-top:-10px;
}

.survey_build #save_indicator{
    margin:20px 0;
    margin-left:6px;
}

#toolbar_links {
    margin-top:15px;
}
#toolbar_links a {
    display:block;
    margin:0;
    font-size:12px;
    padding:5px;
    padding-left:38px;
    text-decoration:none;
    color:#6E8993;
    border:solid 1px #FFF;
    border-radius:6px;
    width:60px;
    margin-left:1px;
}

#toolbar_links #tl_preview{ background: url("../images/icons/preview.png") no-repeat 18px center #FFF; }
#toolbar_links #tl_pdf{ background: url("../images/icons/pdf.png") no-repeat 18px center #FFF; }

#toolbar_links a:hover {
    border:solid 1px #B6B6B6;
    color:#425768;
}

.preview_notice{
    padding:5px 10px;
    background-color: #FFFFD9;
    border: 1px solid #FFCC99;
    border-radius: 6px;
    margin-bottom:10px;
}
.preview_notice .warning{ color: #BF4407; }

.survey_build_head .toolbar #stb_content { background: url("../images/survey/content.png") no-repeat left; }
.survey_build_head .toolbar #stb_config { background: url("../images/survey/config.png") no-repeat left; }
.survey_build_head .toolbar #stb_theme { background: url("../images/survey/theme.png") no-repeat left; }
.survey_build_head .toolbar #stb_embed { background: url("../images/survey/embed.png") no-repeat left; }
.survey_build_head .toolbar #stb_stats { background: url("../images/survey/stats.png") no-repeat left; }
.survey_build_head .toolbar #stb_mail { background: url("../images/survey/mail.png") no-repeat left; }
.survey_build_head .toolbar #stb_collabs { background: url("../images/survey/user_suit.png") no-repeat left; }
.survey_build_head .toolbar #stb_info { background: url("../images/icons/big/page_white_text.png") no-repeat left; }
.survey_build_head .toolbar #stb_finance { background: url("../images/icons/big/coins.png") no-repeat left; }

.survey_build_head .active{
    margin-top:5px;
}

.survey_build_head .active .point {
    background:url("../images/topbtn/point.png") no-repeat center bottom;
}

.survey_build_head .active .right{
    padding-right:10px;
    background:url("../images/topbtn/right.png") no-repeat right top;
    overflow:hidden;
}
.survey_build_head .active .left{
    padding-left:10px;
    background:url("../images/topbtn/left.png") no-repeat left top;
    overflow:hidden;
}

.survey_build_head .active .icon {

}

.survey_build_head .active .icon,
.survey_build_head .toolbtn { padding-left: 36px; }

.survey_build_head .toolbtn,
.survey_build_head .active,
.survey_build_head .active .point{
    display: block;
    float:left;
    height:60px;
    line-height:52px;
    font-size:18px;
    margin-right: 12px;
}

.survey_build_head .active .point{ margin-right: 0px; }

.survey_build_head .toolbtn { line-height: 60px; }
.survey_build #toolbar_panel{
    width:130px;
    display:block;
    clear:both;
    overflow:hidden;
}
.survey_build .qtype {
    display:block;
    background:url("../images/qtypes/btnbg.png") no-repeat left 0px;
    width:52px;
    padding-top:10px;
    height:42px;
    float:left;
    margin-right:2px;
    margin-bottom: 2px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
}

.survey_build .qtype:hover { color:#000; background:url("../images/qtypes/btnbg.png") no-repeat left -53px; }

.survey_build #qt_single span { background: url("../images/qtypes/single.png") no-repeat 5px top; }
.survey_build #qt_multiple span { background: url("../images/qtypes/multiple.png") no-repeat 5px top; }
.survey_build #qt_string span { background: url("../images/qtypes/string.png") no-repeat 5px top; }
.survey_build #qt_text span { background: url("../images/qtypes/text.png") no-repeat 5px top; }
.survey_build #qt_list span { background: url("../images/qtypes/list.png") no-repeat 5px top; }
.survey_build #qt_dropdown span { background: url("../images/qtypes/dropdown.png") no-repeat 5px top; }
.survey_build #qt_rating span { background: url("../images/qtypes/rating.png") no-repeat 5px top; }
.survey_build #qt_name span { background: url("../images/qtypes/name.png") no-repeat 5px top; }
.survey_build #qt_email span { background: url("../images/qtypes/email.png") no-repeat 5px top; }

.survey_pages{ overflow: hidden; padding:5px 0; margin-bottom: 5px; clear:both; }
.survey_pages ul, .survey_pages li { margin:0; padding:0; list-style:none; font-size:12px; }
.survey_pages li {
    float:left; margin-right:10px;
    height:20px;
    line-height:20px;
}
.survey_pages li.page span,
.survey_pages li a {
    padding:1px; padding-left: 20px;
    background: url("../images/icons/page.png") no-repeat left center;
}
.survey_pages li.pages span,
.survey_pages li.pages a {
    background: url("../images/icons/pages.png") no-repeat left center;
}
.survey_pages li a { text-decoration:none;  }
.survey_pages li a:hover { text-decoration: underline; color:#425768 !important; }

.survey_pages li.add a { background: url("../images/icons/add.png") no-repeat left center; }
.survey_pages li.delete a { background: url("../images/icons/delete.png") no-repeat left center; }
.survey_pages li.skip_logic a { background: url("../images/icons/branching.png") no-repeat left center; }

.survey_pages li.add a,
.survey_pages li.delete a,
.survey_pages li.skip_logic a
{ color:#6E8993; }

.survey_contents {
    border:solid 1px #99B5BF;
    min-height: 400px;
    padding:0;
    margin-bottom: 8px;
    box-shadow: 0 0 10px #CCC;
}

.survey_url {
    margin:12px 0;
    font-size:12px;
    text-align: right;
}

.survey_drop_hint,
.survey_drop_loading {
    padding:8px;
    padding-left:30px;
    color:#354247;
    display:none;
}

.survey_drop_about {
    margin:30px;
}

.survey_drop_about .wrap {
    padding:20px;
    padding-left:80px;
    background: url("../images/arrow-left.png") no-repeat left 5px;
    color:#354247;
}

.survey_drop_hint { background:url("../images/icons/add.png") no-repeat 7px center #CCDCE2; }
.survey_drop_loading { background:url("../images/loader16.gif") no-repeat 7px center #CCDCE2; }

.survey_build .questions_list{
    list-style: none;
    margin:0px;
    padding:0px;
}

.survey_build .questions_list .ui-sortable-helper{
    cursor:move;
    border:dashed 2px #99B5BF !important;
}

.survey_build .questions_list .ui-sortable-helper .edit_links {
    display:none;
}

.survey_build .questions_list .ui-state-highlight{
    margin-top:10px;
    margin-bottom:10px;
    background: #CCDCE2;
    border-radius: 3px;
    -moz-border-radius: 10px;
    height:5px;
}


.survey_build .questions_list li{
    list-style: none;
    margin:0px;
    padding:0px;
}
.survey_build .questions_list li label img{
	display:block;
	max-width:100%;
}
.survey_build .questions_list li.quest_node{
    border-bottom:solid 1px #CCDCE2;
}

.survey_build .q_build .buttons .cancel {
    display: inline-block;
    margin-right:10px;
}

.survey_build .q_build .buttons .saving{
    display:none;
    padding:1px;
    padding-left: 20px;
    background: url("../images/loader16.gif") no-repeat left center;
    color:#666;
    margin-right:10px;
}

.survey_build .q_build {
    background: #FFF;
    border:solid 1px #6E8993;
    border-top:none;
    margin: 10px;
    box-shadow:0 1px 2px #999;
    display: none;
}

.survey_build .q_build  .header{
    background: url("../images/q_title.jpg") repeat-x left bottom #5E7C87;
    padding:10px;
    cursor: pointer;
    overflow:hidden;
    color:#FFF;
    font-size: 12px;
}

.survey_build .q_build  .header a { text-decoration: none; color:#FFF; }
.survey_build .q_build  .header a:hover { text-decoration: underline; color:#FF0; }

.survey_build .q_build  .header .first_line {
    clear:both;
    overflow:hidden;
}

.survey_build .q_build  .header .type{
    margin-bottom: 5px;
    color:#FFF;
    float:left;
    text-shadow: 0 1px 1px #000000;
}

.survey_build .q_build  .header .actions {
    float:right;
    margin-left: 20px;
}

.survey_build .q_build  .header .options {
    float:right;
    margin-top:-3px;
    overflow: hidden;
}

.survey_build .q_build  .header .options .option {
    float:left;
    margin-left:10px;
}

.survey_build .q_build  .header .options input{
    float:left;
}

.survey_build .q_build  .header .options label{
    line-height: 21px;
}

.survey_build .q_build  .header .title_line{
    clear:both;
    overflow: hidden;
}

.survey_build .q_build  .header .title .input{
    width:99%;
    border-color:#455D70;
}

.survey_build .q_build  .header .add_image_button a {
    display:block;
    width:20px;
    height:28px;
    background:url("../images/icons/image.png") no-repeat center center;
}
.survey_build .q_build  .header .add_image_button a:hover {
    background:url("../images/icons/image_add.png") no-repeat center center;
}

.survey_build .q_build  .header .add_image_button{
    float:right;
}

.survey_build .q_build  .header .note {
    clear:both;
}

.survey_build .q_build  .header .note .input{
    width:99%;
    border-color:#455D70;
    border-top:none;
    margin-top:0px;
    font-size:13px;
    color:#666;
}


.survey_build .q_build  .header .desc_link{
    margin-top:4px;
    font-size:11px;
}

.survey_build .q_build  .quest_img img {
    border:solid 1px #354247;
}

.survey_build .q_build  .body{
	padding: 15px;
    padding-right: 20px;
}

.survey_build .q_build .field {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:solid 1px #ECECEC;
}

.survey_build .q_build .field:last-child {
	margin-bottom:0;
	padding-bottom:5px;
	border:none;
}

.survey_build .q_build .field .title {
	margin-bottom:5px;
}

.survey_build .q_build .field .input {
	width:100%;
}

.survey_build .q_build .body .yt-video {
	margin-top:5px;
}

.survey_build .q_build .body .yt-video input {
	width:100%;
	margin-bottom:5px;
	display:none;
}

.survey_build .q_build .body .yt-video input::placeholder {
	font-size:12px;
}

.survey_build .q_build .body .yt-video a {
	display:inline-block;
}

.survey_build .q_build  .variants{
    padding:10px 20px;
}

.survey_build .q_build  .variants .variant{
    margin-bottom: 4px;
    background: url("../images/icons/pan.png") no-repeat left center;
    padding-left:24px;
}

.survey_build .q_build  .variants .variant .input{
    font-size:14px;
    width:90%;
}
.survey_build .q_build  .variants .variant .correct_variant{
    color:#6E8993;
    padding-right: 6px;
}
.survey_build .q_build  .variants_actions{
    margin-left: 43px;
    margin-bottom: 10px;
}
.survey_build .q_build  .variants_options{
    margin-left:20px;
    margin-bottom:10px;
}

.survey_build .q_build a { font-size:12px; color:#666; text-decoration:none; }
.survey_build .q_build a:hover { color:#F60; text-decoration:underline; }

.survey_build .q_build a.ajaxlink{
	color:#09c;
	text-decoration:none;
}

.survey_build .q_build a.ajaxlink:hover{
	color:#F60;
}

.survey_build .q_build  .variant_free {
    padding: 10px 20px;
    padding-left:44px;
    padding-top: 0px;
}

.survey_build .q_build .variant_free input{
    font-size:14px;
    width:95%;
}

.survey_build .q_build label {
	position:relative;
}

.survey_build .q_build label .input_checkbox,
.survey_build .q_build label .input_radio{
	position:relative;
	top:2px;
}

.survey_build .q_build .static_text {
    font-size:14px;
    width:100%;
    height:100px;
    resize: vertical;
}

#survey_poll_mode{
    background: #EDFAFF;
    border: solid 1px #C0DEE9;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 20px;
    color: #7D929D;
}

#survey_poll_mode a {
    margin-left:15px;
    padding-left:20px;
    background:url("../images/icons/refresh_all.png") no-repeat left center;
}

/******************************************************************************/
/******************************************************************************/

.survey_build .q_view {
    margin-bottom: 0px;
    padding:15px;
    padding-left:0px;
    overflow:hidden;
    background:#FFF;
    position:relative;
}

.survey_theme #preview_wrap .q_view {
    background:none;
}

.survey_build .q_view:hover {
    background:#EDFAFF;
}

.survey_build .q_view .edit_links{
    float:right; font-size:12px;
    position: absolute;
    right:10px; top:10px;
    background:#FFF;
    padding:8px;
    border: solid 1px #CCDCE2;
    border-radius: 6px;
}
.survey_build .q_view .edit_links { display:none }
.survey_build .q_view:hover .edit_links { display: block; }

.survey_build .q_view .edit_links a,
.survey_build .q_view .edit_links .load{
    font-size:13px;
    padding:1px;
    padding-left:20px;
    margin-right: 8px;
    color:#6E8993;
}

.survey_build .q_view .edit_links a:last-child,
.survey_build .q_view .edit_links .load:last-child{
    margin-right: 0;
}


.survey_build .q_view .edit_links a:hover {
    color:#F60;
}

.survey_build .q_view .edit_links a.edit {
    background:url("../images/icons/pencil.png") no-repeat left center;
}
.survey_build .q_view .edit_links a.copy {
    background:url("../images/icons/copy.png") no-repeat left center;
}
.survey_build .q_view .edit_links a.delete {
    background:url("../images/icons/delete.png") no-repeat left center;
}
.survey_build .q_view .edit_links .load{
    background:url("../images/loader16.gif") no-repeat left center;
    display:none;
}

.survey_build .questions_list li:last-child { border:none; }

.survey_build .q_view .wrapper{
    padding-top:5px;
    padding-left: 15px;
    overflow: hidden;
	max-width: 85%;
}

.survey_build .q_view .wrapper .note{
    clear:both;
    font-size:12px;
    margin-bottom:5px;
    color:#425768;
}

.survey_build .q_view .number{
    float: left;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: block;
    color: #777;
    font-size: 12px;
    text-align: center;
    margin-top:1px;
    border-radius:0px 45px 45px 0px;
    background-color:#ECECEC;
}

.survey_build .q_view:hover .number{
    background-color:#6E8993;
    color:#FFF;
}

.survey_build .q_view .wrapper h3{
    margin-bottom: 0px;
    font-size:14px;
}
.survey_build .q_view .wrapper .quest_image{
    clear:both;
    margin:4px 0;
}

.survey_build .q_view .wrapper .quest_image img {
	display:block;
	max-width:100%;
}

.survey_build .q_view .wrapper .red_star{
    color:red;
    margin-left:5px;
}

.survey_build .q_view .wrapper .body{
    clear:both;
    padding-bottom:4px;
    padding-top:5px;
}

.survey_build .q_build  .body .input-option{
	overflow:hidden;
}
.survey_build .q_build  .body .input-option label {
	display: inline-block;
    width: 120px;
    margin-top: 15px;
}

.survey_build .q_build  .body .input-option .input{
	font-size:14px;
	padding:3px;
}

.survey_build .q_view .wrapper .variant_image{
    margin-top:3px;
    margin-bottom: 15px;
    margin-left:25px;
}
.survey_build .q_view .wrapper .answer table td{
    text-align: center;
}

.survey_build .q_view .wrapper .answer table td.rating-scale-prefix{
	padding-right:20px;
}
.survey_build .q_view .wrapper .answer table td.rating-scale-postfix{
	padding-left:20px;
}

.survey_build .wrapper .name_answer .input{
  width:150px !important;
  margin-right:5px;
  float:left;
}

.survey_build .wrapper .name_answer .input{
  margin-bottom:5px;
}

.survey_build .q_view .wrapper .answer .addr_answer{
    width: 100%;
    max-width: 515px;
}

.survey_build .q_view .wrapper .answer .addr_answer:last-child{
    margin-bottom:0px;
}

.survey_build .q_view .wrapper .answer .name_answer td,
.survey_build .q_view .wrapper .answer .addr_answer td{
    text-align: left;
    padding-right:15px
}

.survey_build .q_view .wrapper .answer .name_answer .input,
.survey_build .q_view .wrapper .answer .addr_answer .input {
    width:100%;
    margin-bottom:1px;
}

.survey_build .q_view .wrapper .answer .hint{
    font-size: 13px;
    color: #999;
    margin-bottom: 8px;
    display: inline-block;
}

.survey_build .q_view .variant_free {
    padding-left:25px;
    padding-top:5px;
}

.survey_build .q_view .wrapper .input{
    width: 96% !important;
    max-width: 500px;
}
.survey_build .q_view .wrapper .textarea{
	width: 96% !important;
    max-width: 500px;
}

.survey_build .qt_static .wrapper h3 {
    font-size:18px;
}

.survey_build .qt_static .wrapper .note{
    clear:both;
    font-size:14px;
    margin-bottom:5px;
    margin-top:10px;
}

.survey_build .qt_static .wrapper .note + .yt-video-embed{
	margin-top:20px;
}

.q_view .matrix-table {
	width:100%;
	border-collapse:collapse;
	margin-top:10px;
}

.hidden-label{
	display:none;
}

.q_view .matrix-table td,
.q_view .matrix-table th{
	padding:10px;
	border:solid 1px #CBD1D8;
}

.q_view .matrix-table th {
	background:#F4F6F8;
}

.q_view .matrix-table td{
	background:#FFF;
}

.q_view .matrix-table .col {
	text-align:center;
}

.q_view .order-list,
.q_view .order-list li {
	list-style:none;
	margin:0;
	padding:0;
}

.q_view .order-list{
	display:inline-block;
	margin-top:10px;
}

.q_view .order-list li {
	border:solid 1px #CBD1D8 !important;
	padding:10px;
	padding-left:36px;
	padding-right:15px;
	margin-top:-1px;
	background:url(/system/templates/_default/images/icons/pan-vertical.png) no-repeat 10px center #FFF;
	cursor:pointer;
}

/******************************************************************************/
/********************** РЕДАКТОРЫ ЛОГИКИ И СОРТИРОВКИ *************************/
/******************************************************************************/
.survey_branching .page_line,
.survey_ordering .page_line { border-bottom: 1px dotted #6E8993; margin-top:30px; }

.survey_branching h3,
.survey_ordering h3 {
    display:inline-block;
    padding:0 15px; margin-left:0px; margin-top:-12px; background:#FFF;
    padding-left:0px;
    color:#6E8993;
}

.survey_branching .quest,
.survey_ordering .quest{
    padding:10px;
    padding-left:15px;
    color:#354247;
    border:solid 1px #81949B;
    background:url("../images/shade.jpg") repeat-x left top;
    margin-top:-1px;
    clear:both;
    overflow:hidden;
}

#rule_form table > tbody,
#rule_form table > tbody > tr,
#rule_form table > tbody > tr > td {
  display:block;
  box-sizing:border-box;
  width:100%;
}

#rule_form table > tbody > tr > td {
  float:left;
  width:50%;
}

.survey_ordering .quest_ordering { display:none; float:left; }

.survey_ordering .quest { cursor:pointer; }
.survey_ordering .quest .title{ float:left; padding-left:30px; background:url("../images/icons/pan.png") no-repeat left center; }
.survey_ordering .ui-state-highlight { display:block; height:42px; }

.survey_branching .quest_rules{
    border:solid 1px #81949B;
    background:#FFF;
    border-top:none;
    padding-bottom:10px;
    margin-top:-2px;
    margin-left:0px;
    display:none;
}

.survey_branching .quest_rules .rule{
    padding:5px;
    padding-left:35px;
    padding-right:10px;
    color:#6E8993;
    clear:both;
    overflow:hidden;
}

.survey_branching .quest .title,
.survey_ordering  .quest .title { font-weight:bold; font-size:16px; }

.survey_branching .quest .title,
.survey_branching .quest_rules .title { float:left; }
.survey_branching .quest .actions,
.survey_branching .quest_rules .actions { float:right; }

.survey_branching .quest .actions a,
.survey_branching .quest_rules .actions a {
    font-size:12px; padding:0; margin-left:15px;
    text-decoration:none;
}
.survey_branching .quest .actions a { border-bottom:dashed 1px #09C; }
.survey_branching .quest .actions a:hover { border-bottom:dashed 1px #F60; }

.survey_branching .quest_rules .actions a,
.survey_branching .quest .rules_count { color:#6E8993; border-bottom:dashed 1px #6E8993 !important; }
.survey_branching .quest_rules .actions a:hover,
.survey_branching .quest .rules_count:hover { color:#F60; border-bottom:dashed 1px #F60 !important; }

.survey_branching .quest_rules .actions .loading16{
    float:right;
}

.survey_branching .last_page_notice {
    color:#666;
    margin:15px 0;
    font-size:12px;
    text-align:right;
}

#dialog-add-branch-rule { display:none; }
#dialog-add-branch-rule .quest_title {
    padding:6px 0; font-size:18px; color:#354247;
    margin-bottom: 10px;
}
#dialog-add-branch-rule table { margin-bottom: 10px; }
#dialog-add-branch-rule .condition_title {
    font-size:16px;
    margin:15px 0;
    color:#6E8993;
}
#dialog-add-branch-rule .option {
    height:30px;
    line-height:30px;
}
#dialog-add-branch-rule .option label { vertical-align:middle; }
#dialog-add-branch-rule .option select { margin-left:10px; }
#dialog-add-branch-rule .option select.variants{ width:120px; }
#dialog-add-branch-rule .subfield { padding-left:25px; }
#dialog-add-branch-rule .subfield .input { font-size:14px; width:182px; }
#dialog-add-branch-rule .loading {
    margin:50px 15px;
    text-align:center;
    padding-top:40px;
    background:url("../images/loader.gif") no-repeat center 5px;
}

/******************************************************************************/
/************************* РЕДАКТОР ВЕСА ВАРИАНТОВ ****************************/
/******************************************************************************/
.survey_weights { margin-bottom:30px; }
.survey_weights .input { font-size:14px; text-align:center; width:50px; }

/******************************************************************************/
/*************************** НАСТРОЙКИ ОПРОСА *********************************/
/******************************************************************************/
.survey_config .templates_list{
    padding:0; margin:0; width:100%; border-spacing: 0px;
}
.survey_config .templates_list td{
    padding: 6px 0px;
    border-top: solid 1px #ECECEC;
}

.survey_config .templates_list tr:hover td{
    background:#EDFAFF;
}

.survey_config .templates_list .tpl_radio{ margin:0 4px; padding:0; }

.survey_config .templates_list .template_icon,
.survey_config .templates_list .blank_template{
    padding-left:20px;
}
.survey_config .templates_list .template_icon {
    background: url("../images/icons/page.png") no-repeat left center;
}
.survey_config .templates_list .blank_template{
    background: url("../images/icons/page_white.png") no-repeat left center;
}

.survey_config .templates_list .preview_link{
    font-size:11px;
    margin-right:5px;
}

#template_option .templates-call {
	background:url(../images/templates-call-plus.png) no-repeat 15px center #EDFAFF;
	margin-top:15px;
	padding:15px;
	padding-left:80px;
	border-radius:5px;
	color:#617882;
}

#template_option .templates-call .text {
	display:block;
	margin-bottom:5px;
}

.survey_config .option{
    border:solid 1px #ddd;
    border-radius:6px;
    padding:15px;
    margin-bottom: 4px;
    background: url("../images/shade.jpg") repeat-x left top;
    overflow:hidden;
}
.survey_config h3{ margin-bottom: 0px; }
.survey_config .option .hint { color:#6E8993; font-size:12px; line-height: 16px; margin-top: 4px; }
.survey_config .option .field { margin-top:10px; clear:both; overflow: hidden; }
.survey_config .option .field .radio_line { padding:4px 0; }
.survey_config .option .label { font-size:16px; color:#425768; }
.survey_config .option .input { width: 97%; }
.survey_config .option textarea { width: 97%; height:100px; }

.survey_config .option .field .bar_wrap {
    display:block;
    margin-bottom:10px;
    background:#ECECEC;
}
.survey_config .option .field .bar {
    display:block;
    height:4px;
    background:#425768;
}

.survey_config .option .field .bar_legend { color:#425768; font-size:13px; }
.survey_config .option .field .bar_legend span { color:#6E8993; }

.survey_config .option .field .list,
.survey_config .option .field .list li {
    padding:0; margin:0;
}

.survey_config .option .field .list .template { display:none; }

.survey_config .option .field .list li {
    height:24px;
    line-height:24px;
    margin-left:15px;
}

.survey_config .option .field .list li .action{
    font-size:11px;
    margin-left:15px;
    color:#666;
}

.survey_config .option .field .list li .action:hover{
    text-decoration:none;
}

.survey_config .option .field .add_to_list {
    margin-top:10px;
}

.survey_config .option .field .add_to_list .input{ margin-right:8px; }

.survey_config .option .warning {
    float:right;
    background-color:#FCEFEF;
    background-position:8px center;
    padding:8px;
    padding-left:30px;
    color:#D64F4F;
    border:solid 1px #E8B0B0;
    border-radius:6px;
    font-size:12px;
}

.survey_config .option .warning a{ color:#D64F4F; }
.survey_config .option .warning a:hover{ color:#F60; }

.survey_config .mode_list {}
.survey_config .mode_list .mode {
    padding: 0 10px;
    padding-top:13px;
    float:left;
    background-color: #FFF;
    width:95%;
    height:48px;
    margin:3px;
    margin-right: 10px;
    cursor: pointer;
    color:#666;
}
.survey_config .mode_list .mode:hover {
    color:#354247;
}
.survey_config .mode_list .selected {
    color:#354247;
    background:url("../images/bigtab.png") no-repeat;
	    background-size: contain;
}
.survey_config .mode_list .mode p {
    margin:0;
    font-weight: bold;

}
.survey_config .mode_list .mode span {
    font-size: 12px;
}

.survey_config .mode_list .icon {
    padding-left:45px;
}

.survey_config .mode_list #sm_survey .icon { background-image:url("../images/survey/sm_survey.png"); background-repeat: no-repeat; background-position: 5px center; }
.survey_config .mode_list #sm_poll_single .icon { background-image:url("../images/survey/sm_poll_single.png"); background-repeat: no-repeat; background-position: 5px center; }
.survey_config .mode_list #sm_poll_multi .icon { background-image:url("../images/survey/sm_poll_multi.png"); background-repeat: no-repeat; background-position: 5px center; }
.survey_config .mode_list #sm_quiz .icon { background-image:url("../images/survey/sm_quiz.png"); background-repeat: no-repeat; background-position: 5px center; }

.api_help_block{
    padding-left:45px;
    background:url("../images/icons/big/book_next.png") no-repeat left center;
}

.option .api_help_block .field{ margin:0px; padding:0px; }

.page_help_block{
    background:#EDFAFF;
    border:solid 1px #C0DEE9;
    border-radius:6px;
    padding:10px;
    margin-bottom:10px;
    color:#7d929d;
}

/******************************************************************************/
/******************************** ОПРОС ***************************************/
/******************************************************************************/

.survey_view .question {
    margin-bottom: 0px;
    padding:15px 0;
    overflow:hidden;
}

.survey_view .question .number{
    float:left;
    width:28px;
    height:28px;
    line-height:28px;
    display:block;
    background:#425768;
    color:#FFF;
    font-size:16px;
    font-weight: bold;
    text-align: center;
    border-radius:30px;
}

.survey_view .question .wrapper{
    float:left;
    padding-top: 5px;
}

.survey_view .question .variant_free {
    padding-left:25px;
    padding-top:5px;
}

.survey_view .submit{
    font-size:16px;
}

.survey_view .question .wrapper .textarea{
    width:100%;
    height:450px;
}

/******************************************************************************/
/******************************** ПРОФИЛЬ *************************************/
/******************************************************************************/

#profile_surveys {
    overflow: hidden;
}

#profile_surveys .left-col{
    width:675px;
    float:left;
}

#profile_surveys .right-col{
    float:right;
    width:250px;
}

#profile_surveys #folderinfo {
    background:#617882;
    height:32px;
    line-height:32px;
    overflow: hidden;
    margin-bottom: 5px;
    padding:0 10px;
    padding-right:5px;
}
#profile_surveys #folderinfo h3 {
    margin:0;
    color:#FFF;
    font-size:14px;
    float:left;
}
#profile_surveys #folderinfo #search{
    float:right;
}
#profile_surveys #folderinfo #search input{
    border: none;
    height: 20px;
    margin-top: 5px;
    width: 300px;
    padding-left: 25px;
    background: url("../images/icons/search.png") no-repeat 5px center #FFF;
    opacity:0.5;
}
#profile_surveys #folderinfo #search input:focus{
    opacity:1;
    outline: none;
}
#profile_surveys #surveys_list{
    border:solid 1px #CCC;
    min-height: 62px;
}

#profile_surveys #surveys_list #message{
    display:none;
    padding:20px;
    font-size:15px;
    color:#666;
}

#profile_surveys #surveys_list #message .note{
    margin-top:15px;
}

#profile_surveys #surveys_list .pagination{
    margin-top:10px;
    margin-left: 8px;
}

#profile_surveys #list_wrap {
    min-height:64px;
}

#profile_surveys .loading{
    background:url("../images/loader32.gif") no-repeat center center;
}

#profile_surveys #surveys_list .list,
#profile_surveys #surveys_list .list li{
    margin:0; padding:0; list-style: none;
    background:#FFF;
}

#profile_surveys #surveys_list .list li{
    padding:15px;
    border-bottom: solid 1px #CCC;
    background: url("../images/shade.jpg") repeat-x left top;
}
#profile_surveys #surveys_list .list li:hover{
    background: #EDFAFF;
}
#profile_surveys #surveys_list .list li:hover .title a{
    color:#425768;
}
#profile_surveys #surveys_list .list li:hover .title a:hover{
    color:#F60;
}
#profile_surveys #surveys_list .list li .title{
    font-size:16px;
    padding-left:20px;
    background:url("../images/icons/page_white.png") no-repeat left 4px;
}

#profile_surveys #surveys_list .list li.closed .title {
    background-image:url("../images/icons/lock.png");
}

#profile_surveys #surveys_list .list li .actions{ display:none; }

@media (min-width:768px){
	#profile_surveys #surveys_list .list li:hover .actions{ display:block; }
	#profile_surveys #surveys_list .list li:hover .details{ display:none; }
}

#profile_surveys #surveys_list .list li .details{ display:block; }

#profile_surveys #surveys_list .list li .details,
#profile_surveys #surveys_list .list li .actions{
    font-size:12px;
    color:#666;
    height:16px;
    line-height:16px;
    margin-top:5px;
    margin-left:20px;
}

#profile_surveys #surveys_list .list li .actions a {
    margin-right:4px;
    color:#6E8993;
    text-decoration: none;
}

#profile_surveys #surveys_list .list li .actions a:hover {
    color:#F60;
    text-decoration: underline;
}

#profile_surveys #surveys_list .list li .actions .sl_config { background:url("../images/icons/config.png") no-repeat left center ; }
#profile_surveys #surveys_list .list li .actions .sl_stats { background:url("../images/icons/chart.png") no-repeat left center ; }
#profile_surveys #surveys_list .list li .actions .sl_export { background:url("../images/icons/export_excel.png") no-repeat left center ; }
#profile_surveys #surveys_list .list li .actions .sl_copy { background:url("../images/icons/copy.png") no-repeat left center ; }
#profile_surveys #surveys_list .list li .actions .sl_delete { background:url("../images/icons/delete.png") no-repeat left center ; }

#profile_surveys #surveys_list .list li .details span{
    float:left;
    margin-right: 15px;
}

#profile_surveys #surveys_list .list li .details span.user_nickname{
    color:#6E8993;
}

#profile_surveys #add_survey{
    display:block;
    text-decoration: none;
    padding:0 10px;
    padding-left: 30px;
    height:32px;
    line-height:32px;
    background:url("../images/icons/add.png") no-repeat 10px center #617882;
    color:#FFF;
    font-size:14px;
    font-weight:bold;
    margin-bottom:5px;
}

#profile_surveys #add_survey:hover{
    background-color:#43545A;
}

#profile_surveys #surveys_folders ul,
#profile_surveys #surveys_folders ul li {
    list-style: none;
    margin:0; padding:0;
}

#profile_surveys #surveys_folders ul{
    margin-bottom: 5px;
    border:solid 1px #C0DEE9;
    background:#EDFAFF;
}

#profile_surveys #surveys_folders ul li a {
    display:block;
    padding:8px 10px;
    padding-left: 30px;
    background:url("../images/icons/folder.png") no-repeat 10px center;
    text-decoration: none;
    border-bottom: solid 1px #C0DEE9;
}

#profile_surveys #surveys_folders ul li:last-child a {
    border-bottom: none;
}

#profile_surveys #surveys_folders ul li a:hover {
    color:#425768;
}

#profile_surveys #surveys_folders ul li a.active {
    background-color:#FFF;
    color:#425768;
}

#profile_surveys .templates-call{
	padding:15px;
	background:url(../images/templates-call-bg.png) no-repeat right bottom #EDFAFF;
	border:solid 1px #C0DEE9;
	margin-top:15px;
	color:#617882;
}

#profile_surveys .templates-call .title {
	margin-bottom:10px;
	font-weight:bold;
	color:#404651;
}

#profile_surveys .templates-call .text {
	margin-bottom:10px;
}

.jPaginate{
    height:34px;
    position:relative;
    color:#AAA;
    font-size:small;
}
.jPaginate a{
    line-height:15px;
    height:18px;
    cursor:pointer;
    padding:2px 5px;
    margin:2px;
    float:left;
}
.jPag-control-back{
	position:absolute;
	left:0px;
}
.jPag-control-front{
	position:absolute;
	top:0px;
}
.jPaginate span{
    cursor:pointer;
}
ul.jPag-pages{
    float:left;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
	width: 216px !important;
}
ul.jPag-pages li{
    display:inline;
    float:left;
    padding:0px;
    margin:0px;
}
ul.jPag-pages li a{
    float:left;
    padding:2px 5px;
}
span.jPag-current{
    cursor:default;
    font-weight:normal;
    line-height:15px;
    height:18px;
    padding:2px 5px;
    margin:2px;
    float:left;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    height:22px;
    margin:2px;
    float:left;
    line-height:18px;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin:2px 0px 2px 2px;
    font-size:12px;
    font-weight:bold;
	width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0px;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{
    margin:2px 0px 2px 2px;
    font-size:18px;
    width:16px;
    text-align:right;
}
span.jPag-snext,
span.jPag-snext-img{
    margin:2px 2px 2px 0px;
    font-size:18px;
    width:16px;
	text-align:right;
}
ul.jPag-pages li span.jPag-previous-img{
    background:transparent url("../images/pagination/previous.png") no-repeat center right;
}
ul.jPag-pages li span.jPag-next-img{
    background:transparent url("../images/pagination/next.png") no-repeat center left;
}
span.jPag-sprevious-img{
    background:transparent url("./images/pagination/sprevious.png") no-repeat center right;
}
span.jPag-snext-img{
    background:transparent url("../images/pagination/snext.png") no-repeat center left;
}

.profile_settings {
    padding-left:165px;
    background: url("../images/profile.jpg") no-repeat left top;
}

#copy_form .input{
    width:97%;
}

p.api_important {
    border: 1px solid #FFCC99;
    border-radius: 6px;
    padding:8px 10px;
    padding-left:34px;
    padding-right:20px;
    background: url("../images/icons/message_error.png") no-repeat 10px 10px #FFFFD9;
    display:inline-block;
    color:#993D00;
}

.plan_restrict_info{
    border: 1px solid #FFCC99;
    border-radius: 6px;
    padding:15px 10px;
    padding-left:55px;
    padding-right:20px;
    background: url("../images/icons/big/account.png") no-repeat 12px 14px #FFFFD9;
}
.plan_restrict_info .title{
    margin-bottom:5px;
    font-size:16px;
    color:#B76717;
}
.plan_restrict_info .notice{
    line-height:23px;
    color:#666;
}
.plan_restrict_info a { color: #B76717; }
.plan_restrict_info a:hover { color: #F60; }

/******************************************************************************/
/*****************************ТЕМА ОФОРМЛЕНИЯ *********************************/
/******************************************************************************/

.survey_theme .right-col{
	width:500px;
}

.survey_theme #preview_block{
	margin-left: 30px;
}

.survey_theme .themes_list ul,
.survey_theme .themes_list ul li{
	list-style:none;
	margin:0;
	padding:0;
}

.survey_theme .themes_list ul li{
	background:#ECECEC;
	float:left;
	padding:4px;
	margin-right:15px;
	margin-bottom: 10px;
}

.survey_theme .themes_list ul li:nth-child(2n){
	margin-right:0;
}

.survey_theme .themes_list ul li:hover{
	background:#4EC2E7;
	color:#FFF;
	cursor:pointer;
}

.survey_theme .themes_list ul li.active{
	background:#425768;
	color:#FFF;
}

.survey_theme .themes_list ul li span{
	display:block;
	padding:5px 0;
	text-align:center;
}

.survey_theme .palette tr td { height:40px; }
.survey_theme .font_option { margin-bottom:5px; }
.survey_theme #preview_wrap{
    padding:2px;
    background:#FFF;
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    box-shadow: 1px 1px 2px #000;
}

.survey_theme #preview{
    padding:15px;
}

.survey_theme #save_indicator{
    margin-top:15px;
    margin-left:10px;
}

.survey_theme .poll .question{ padding:0 !important; }
.survey_theme .poll .question .wrapper{ padding:0 !important; }

.survey_theme #colors,
.survey_theme #font,
.survey_theme #pad,
.survey_theme #lang{
    padding:20px 10px;
}
.survey_theme .hint{
    color: #6E8993;
    font-size: 12px;
}

.survey_theme #lang table { margin-left:15px; }

.survey_theme #lang td{ padding-bottom:5px; }

.survey_theme #lang .input_radio{ margin:0; padding:0; }

.survey_theme textarea {
	width:90%;
	height:200px;
	border:solid 1px #CCC;
	box-shadow: 0 1px 4px #DDD inset;
	resize:vertical;
	padding:10px;
	font-family: 'Courier New' !important;
    font-size: 12px;
	outline:none !important;
}

#dialog-labels { display: none; }
#dialog-labels .phrase .field .input { width:99%; margin-bottom:4px; font-size:14px; }
#dialog-labels .phrase .label { color:#6E8993; }

#dialog-labels .labels_loading {
    margin:15px;
    margin-top: 175px;
    text-align:center;
    padding-top:40px;
    background:url("../images/loader.gif") no-repeat center 5px;
}


/******************************************************************************/
/********************************* EMBEDDING **********************************/
/******************************************************************************/

.survey_embed { color:#888; }
.survey_embed table td { padding:3px 0; }
.survey_embed .input, .survey_embed .textarea { width:98%; font-size:12px; padding:6px; }

.survey_embed .textarea { height:80px; }

.survey_embed #embed_sticky {
	height:60px;
}

.survey_embed .embed_option{
    padding:15px;
    margin-bottom: 4px;
    background: url("../images/shade.jpg") repeat-x left top;
}

.survey_embed .embed_option p {
    margin-top:-15px;
    color:#425768;
}

.survey_embed .embed_option .url{
    padding:1px;
    padding-left:20px;
    background: url("../images/icons/world_link.png") no-repeat left center;
    margin-top:15px;
}

.survey_embed .embed_option #download_pdf{
    padding:1px;
    padding-left:20px;
    background: url("../images/icons/pdf.png") no-repeat left center;
}

#embed_menu a {
    display:block;
    width:208px;
    height:41px;
    line-height:41px;
}

#embed_menu a span {
    display:block;
    padding:1px;
    padding-left:37px;
    background-position: 15px center;
    background-repeat: no-repeat;
}

#embed_menu a.active {
    background:url("../images/lefttab.png") no-repeat right center;
    text-decoration: none;
    color:#000;
    text-shadow:0 1px 1px #FFF;
}

#embed_menu #e_link span { background-image: url("../images/icons/embed/link.png"); }
#embed_menu #e_frame span { background-image: url("../images/icons/embed/frame.png"); }
#embed_menu #e_popup span { background-image: url("../images/icons/embed/popup.png"); }
#embed_menu #e_twitter span { background-image: url("../images/icons/embed/twitter.png"); }
#embed_menu #e_social span { background-image: url("../images/icons/embed/social.png"); }
#embed_menu #e_html span { background-image: url("../images/icons/embed/html.png"); }
#embed_menu #e_offline span { background-image: url("../images/icons/embed/printer.png"); }
#embed_menu #e_qr span { background-image: url("../images/icons/embed/qr.png"); }

#embed_tabs{
    padding:2px;
    border:solid 1px #DDD;
    border-radius:6px;
    min-height: 320px;
}

#embed_tabs .qr_code_img{
    border:solid 1px #DDD;
    margin-top:10px;
    display:inline-block;
}

.sticky-options {
	overflow:hidden;
	margin-top: 20px;
	margin-bottom: 40px;
}

.sticky-options .col-left,
.sticky-options .col-right
{
	float:left;
	overflow:hidden;
}

.sticky-options .col-left{
	width:60%;
}

.sticky-options .col-left .field {
	float:left;
}

.sticky-options .col-left .field.title {
	width:90%;
    margin-bottom:10px;
}

.sticky-options .col-left .field.color{
	margin-right:30px;
}

.sticky-options .field label,
.sticky-panel-options .field label {
	display:block;
	margin-bottom:5px;
	color:#636C78;
}

.sticky-options .ninebox,
.sticky-options .ninebox li {
	list-style:none;
	padding:0; margin:0;
	overflow:hidden;
}

.sticky-options .ninebox li {
	border:solid 1px #FFF;
	float:left;
}

.sticky-options .ninebox li a {
	display:block;
	width:30px;
	height:30px;
	background:#E5E9EC;
	cursor:pointer;
}

.sticky-options .ninebox li.disabled a {
	background:none !important;
	cursor:default;
}

.sticky-options .ninebox li a:hover{
	opacity:0.5;
}

.sticky-options .ninebox li.active a{
	background:url(/system/templates/_default/images/icons/bullet.png) no-repeat center #b6e8fd;
}

.sticky-options .ninebox li.active a:hover{
	opacity:1;
}

.sticky-options .ninebox li:nth-child(3n+1){
	clear:both;
}

.sticky-options .field.dir .input{
	width:170px;
}

.sticky-preview {
	width:602px;
	height:374px;
	background:url(/system/templates/_default/images/splash_ru.png) no-repeat;
	position:relative;
}

.sticky-preview .scene {
	position:relative;
	width:600px;
	height:300px;
	left:1px;
	top:73px;
}

.sticky-preview .simpoll-sticky-button,
.sticky-preview .simpoll-sticky-button:hover,
.sticky-preview .simpoll-sticky-button:focus,
.sticky-preview .simpoll-sticky-button:active{
	position:absolute;
	display:block;
	background:#3E8FBA;
	color:#FFFFFF;
	margin:0;
	padding:0 20px;
	width:160px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	font-family: 'Arial', sans-serif;
	box-shadow:none;
	text-shadow:none;
	cursor:pointer;
	text-decoration:none;
	text-transform:none;
	border:none;
	font-weight:normal;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-align-items: center; /* Safari 7.0+ */
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.sticky-preview .simpoll-sticky-button:hover{
	opacity: 0.75;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-r.simpoll-dir-v{
	transform-origin:center center;
	transform:rotate(-90deg);
	right:-80px;
	top:50%;
	margin-top:-20px;
}
.sticky-preview .simpoll-sticky-button.simpoll-pos-rt.simpoll-dir-v{
	transform-origin:right top;
	transform:rotate(-90deg);
	right:40px;
	top:0;
}
.sticky-preview .simpoll-sticky-button.simpoll-pos-rb.simpoll-dir-v{
	transform-origin:right top;
	transform:rotate(-90deg);
	right:40px;
	bottom:160px;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-l.simpoll-dir-v{
	transform-origin:center center;
	transform:rotate(90deg);
	left:-80px;
	top:50%;
	margin-top:-20px;
}
.sticky-preview .simpoll-sticky-button.simpoll-pos-lt.simpoll-dir-v{
	transform-origin:left top;
	transform:rotate(90deg);
	left:40px;
	top:0;
}
.sticky-preview .simpoll-sticky-button.simpoll-pos-lb.simpoll-dir-v{
	transform-origin:left top;
	transform:rotate(90deg);
	left:40px;
	bottom:160px;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-t.simpoll-dir-v{
	transform-origin:center center;
	transform:rotate(90deg);
	left:50%;
	margin-left:-100px;
	top:80px;
}
.sticky-preview .simpoll-sticky-button.simpoll-pos-b.simpoll-dir-v{
	transform-origin:center center;
	transform:rotate(90deg);
	left:50%;
	margin-left:-100px;
	bottom:80px;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-t.simpoll-dir-h{
	left:50%;
	margin-left:-100px;
	top:0;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-b.simpoll-dir-h{
	left:50%;
	margin-left:-100px;
	bottom:0;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-lt.simpoll-dir-h{
	left:0;
	top:0;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-rt.simpoll-dir-h{
	right:0;
	top:0;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-lb.simpoll-dir-h{
	left:0;
	bottom:0;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-rb.simpoll-dir-h{
	right:0;
	bottom:0;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-r.simpoll-dir-h{
	right:0;
	top:50%;
	margin-top:-20px;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-l.simpoll-dir-h{
	left:0;
	top:50%;
	margin-top:-20px;
}

.simpoll-sticky-button svg{
    fill: #fff;
	margin-right: 8px;
    opacity: 0.65;
}

.sticky-panel-options{
	margin-bottom:30px;
	margin-top:20px;
}
.sticky-panel-options .row{
	overflow:hidden;
	margin-bottom:10px;
}

.sticky-panel-options .field{
	float:left;
	margin-right:30px;
}

.sticky-panel-options .field.title {
	width:250px;
}
.sticky-panel-options .field.pos .input {
	width:120px;
}

.simpoll-sticky-panel,
.simpoll-sticky-panel:hover,
.simpoll-sticky-panel:active,
.simpoll-sticky-panel:focus{
	position:absolute;
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	background:#3e8fba;
	color:#FFF;
	cursor:pointer;
}

.simpoll-sticky-panel:hover{
	opacity:0.8;
}

.simpoll-sticky-panel a {
	color:inherit !important;
	text-decoration:none;
}

.simpoll-sticky-panel-link{
	position:relative;
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	font-size:16px;
}

.simpoll-sticky-panel-close,
.simpoll-sticky-panel-close:hover,
.simpoll-sticky-panel-close:focus,
.simpoll-sticky-panel-close:active{
	display:block;
	position:absolute;
	width:40px;
	height:50px;
	line-height:45px;
	right:0;
	top:0;
	font-size:24px;
	opacity:0.5;
}

.simpoll-sticky-panel-close:hover{
	opacity:1;
}

.simpoll-sticky-panel svg {
	fill:#FFF;
	opacity:0.65;
	margin-right:10px;
}

.simpoll-sticky-panel.simpoll-pos-b{
	top:auto;
	bottom:0;
}

/******************************************************************************/
/******************************** СТАТИСТИКА **********************************/
/******************************************************************************/

.survey_stats_menu {
    margin-bottom: 20px;
    margin-top:-20px;
    overflow: hidden;
    clear:both;
	text-align: center;
}
.survey_stats_menu a { color:#425768; text-decoration: none; }
.survey_stats_menu a:hover { color:#F90; }

.survey_stats_menu .active{
    margin-top:3px;
}

.survey_stats_menu .active .point {
    background:url("../images/midbtn/point.png") no-repeat center bottom;
}

.survey_stats_menu .active .right{
    padding-right:15px;
    background:url("../images/midbtn/right.png") no-repeat right top;
    overflow:hidden;
}
.survey_stats_menu .active .left{
    padding-left:15px;
    background:url("../images/midbtn/left.png") no-repeat left top;
    overflow:hidden;
}

.survey_stats_menu .active .icon {

}

.survey_stats_menu .active .icon,
.survey_stats_menu .toolbtn { padding-left: 20px; }

.survey_stats_menu .toolbtn,
.survey_stats_menu .active,
.survey_stats_menu .active .point{
    display: block;
    float:left;
    height:41px;
    line-height:34px;
    font-size:14px;
    margin-right: 12px;
}

.survey_stats_menu .active .point{ margin-right: 0px; }

.survey_stats_menu .toolbtn {
    line-height: 45px;
    height: 45px;
}

.survey_stats_menu #ssm_answers { background: url("../images/icons/chart_bar.png") no-repeat left center; }
.survey_stats_menu #ssm_filters { background: url("../images/icons/filter.png") no-repeat left center; }
.survey_stats_menu #ssm_export { background: url("../images/icons/export_excel.png") no-repeat left center; }
.survey_stats_menu #ssm_people { background: url("../images/icons/respondents.png") no-repeat left center; }
.survey_stats_menu #ssm_geo { background: url("../images/icons/map.png") no-repeat left center; }
.survey_stats_menu #ssm_visits { background: url("../images/icons/visits.png") no-repeat left center; }
.survey_stats_menu #ssm_quests { background: url("../images/icons/form.png") no-repeat left center; }
.survey_stats_menu #ssm_branching { background: url("../images/icons/branching.png") no-repeat left center; }
.survey_stats_menu #ssm_reorder { background: url("../images/icons/reorder.png") no-repeat left center; }
.survey_stats_menu #ssm_weights { background: url("../images/icons/weight.png") no-repeat left center; }

.survey_stats .survey_pages{
    margin-bottom: 5px;
    overflow:hidden;
}

.survey_stats .survey_pages .filter_toggle{
    float:left;
    padding:6px 0px;
    border-radius:40px;
    margin-top:-5px;
}

.survey_stats .survey_pages .filter_toggle a{
    font-size:12px;
    text-decoration: none;
    padding:1px;
    padding-left:20px;
    background:url("../images/icons/filter_add.png") no-repeat left center;
}

.filters_bar {
    margin-bottom:10px;
    padding:10px;
    background-color: #FFFFD9;
    border: 1px solid #FFCC99;
    border-radius: 6px;
    overflow: hidden;
}
.filters_bar .none{
    color:#BF4407;
    padding-right:12px;
}
.filters_bar .filter {
    float:left;
    margin-right:10px;
    margin-top:3px;
}

.filters_bar input {
    float:left;
}

.filters_bar label {
    line-height: 20px;
}

.filters_bar .button{
    float:right;
    height:32px;
    line-height:32px;
}

.filters_bar .button a {
    font-size:12px;
    margin-top: 5px;
    margin-left:10px;
}

.filters_bar .button input{ float:none; }

.survey_stats .question{
    margin-bottom:20px;
    border:solid 1px #DDD;
    border-radius:7px;
    padding:10px 20px;
    padding-bottom:20px;
    background:url("../images/shade.jpg") repeat-x left top;
}

.survey_stats .question .title{
    padding-top:10px;
    padding-bottom:15px;
    font-size:21px;
    color:#425768;
    font-weight:normal;
}

.survey_stats .question .body{

}

.survey_stats .question .matrix-table {
	width:100%;
	border-collapse:collapse;
	margin-top:10px;
}

.survey_stats .question .matrix-table td,
.survey_stats .question .matrix-table th{
	padding:10px;
	border:solid 1px #CBD1D8;
}

.survey_stats .question .matrix-table th {
	background:#eaf3f7;
	color: #425768;
}

.survey_stats .question .matrix-table td{
	background:#FFF;
    box-shadow: 0 0 0 2px #FFF inset;
}

.survey_stats .question .matrix-table .col {
	text-align:center;
	font-size:11px;
}

.survey_stats .question .matrix-table .zero {
	color:#CBD1D8;
}

.survey_stats .question .body .chart td {
    padding:2px 6px;
    border-top:solid 1px #ececec;
}

.survey_stats .question .body .chart tr:hover td {
    background: #EDFAFF;
}


.survey_stats .question .body .rate_avg {
    padding-left:20px;
    background:url("../images/icons/star.png") no-repeat left center;
}

.survey_stats .question .body .rate_avg span,
.survey_stats .question .body .rate_max span,
.survey_stats .question .body .rate_min span{
    font-size:32px;
    display:inline-block;
    padding-left:5px;
}

.survey_stats .question .body .rate_max,
.survey_stats .question .body .rate_min {
    color:#425768;
    margin-left:20px;
}

.survey_stats .question .body .rate_max span,
.survey_stats .question .body .rate_min span {
    font-size:18px;
    position: relative;
    top:1px;
}

.survey_stats .question .details { text-align: center; margin-bottom:10px; margin-left: 25px; }
.survey_stats .question .details .label { font-size:12px; color:#425768; }
.survey_stats .question .details .value { font-size:32px; color:#ccc; }

.survey_stats .bar,
.survey_stats .bar_win{
    display:block;
    height:5px;
    overflow: hidden;
    background:#91ACC9;
}

.survey_stats .bar_win{
    background:#FFAE00;
}


.survey_stats .question .body .chart tr:hover .bar { background: #425768; }
.survey_stats .question .body .chart tr:hover .bar_win { background: #FF8000; }

.survey_stats .chart {  }
.survey_stats .chart .series { padding:5px 0; }
.survey_stats .chart .series_value { text-align: right; padding:0 10px; font-size:12px; color:#666; }
.survey_stats .chart .series_value_percent { text-align: right; padding-right:10px; font-size:12px; color:#666; }

.survey_stats .question .text_answers,
.survey_stats .question .text_answers li,
.survey_stats .question .file_answers,
.survey_stats .question .file_answers li,
.survey_stats .question .matrix_answers,
.survey_stats .question .matrix_answers li,
.survey_stats .question .order_answers,
.survey_stats .question .order_answers li
{
    padding:0; margin: 0; list-style: none;
}

span.filesize{
    color:#666;
    padding-left:10px;
    font-size:11px;
}

.survey_stats .question .text_answers,
.survey_stats .question .file_answers{
}

.survey_stats .question p { color:#425768; }

.survey_stats .question .text_answers li,
.survey_stats .question .matrix_answers li,
.survey_stats .question .order_answers li,
.survey_stats .question .file_answers li{
    border-top:solid 1px #ECECEC;
    padding:6px 0px;
    padding-left:45px;
}

.survey_stats .question .text_answers li:hover,
.survey_stats .question .file_answers li:hover,
.survey_stats .matrix-table tbody tr:hover td{
    background-color: #EDFAFF;
}

.survey_stats .question .text_answers li.all,
.survey_stats .question .file_answers li.all{
    background:url("../images/icons/viewstack.png") no-repeat 10px center;
}

.survey_stats .question .text_answers li {
    background:url("../images/icons/textfield.png") no-repeat 10px center;
}
.survey_stats .question .file_answers li {
    background:url("../images/icons/attach.png") no-repeat 10px center;
}
.survey_stats .question .matrix_answers li {
    background:url("../images/icons/table.png") no-repeat 10px center;
}
.survey_stats .question .order_answers li {
    background:url("../images/icons/order.png") no-repeat 10px center;
}

.survey_stats .resp_answers {
    margin:0; padding:0; list-style:none;
}

.survey_stats .resp_answers li {
    color:#999;
    padding:2px 6px;
    padding-left:30px;
    margin:2px 0;
}

.survey_stats .resp_answers .selected,
.survey_stats .resp_answers .correct,
.survey_stats .resp_answers .free_answer{
    color:green;
    border:solid 1px #A1CEA1;
    border-radius:4px;
}

.survey_stats .resp_answers .wrong{
    color:red;
    border:solid 1px #EAADAD;
    border-radius:4px;
}

.survey_stats .resp_answers .selected {
    background:url("../images/icons/checked.png") no-repeat 6px 2px #DEEFDE;
}
.survey_stats .resp_answers .correct {
    background:#DEEFDE;
}
.survey_stats .resp_answers .wrong {
    background:url("../images/icons/cross.png") no-repeat 6px 3px #FFE8E8;
}
.survey_stats .resp_answers .free_answer {
    background:url("../images/icons/pencil.png") no-repeat 6px 2px #DEEFDE;
}

.survey_resp_quiz_legend{
    margin: 20px 0;
}

.survey_resp_quiz_legend .correct,
.survey_resp_quiz_legend .selected,
.survey_resp_quiz_legend .wrong{
    width:24px;
    height:24px;
    border-radius:4px;
}
.survey_resp_quiz_legend .correct,
.survey_resp_quiz_legend .selected{
    border:solid 1px #A1CEA1;
}

.survey_resp_quiz_legend .correct{
    background: #DEEFDE;
}
.survey_resp_quiz_legend .selected{
    background:url("../images/icons/checked.png") no-repeat center center #DEEFDE;
}

.survey_resp_quiz_legend .wrong{
    border:solid 1px #EAADAD;
    background:url("../images/icons/cross.png") no-repeat center center #FFE8E8;
}

.survey_resp_quiz_legend .legend{
    padding-left:6px;
    padding-right:15px;
    color:#6E8993;
    font-size: 13px;
}

/******************************************************************************/
/*********************************** Фильтры **********************************/
/******************************************************************************/

.statements .statement { margin-bottom:15px; }

.add_statement{ margin-top:10px; }
.remove_statement { margin-top:7px; margin-left:15px; }

.add_statement a,
.remove_statement a {
    padding:1px;
    padding-left:20px;
    color: #666666;
    font-size: 12px;
    text-decoration: none;
}

.add_statement a { background:url("../images/icons/plus.png") no-repeat left center; }
.remove_statement a { background:url("../images/icons/minus.png") no-repeat left center; }

.add_statement a:hover,
.remove_statement a:hover {
    color:#F60;
    text-decoration: underline;
}

.survey_filters {
    border-bottom:solid 1px #ccc;
}

.survey_filters .filter{
    padding:15px 0;
    border-top:solid 1px #ccc;
    overflow:hidden;
}

.survey_filters .filter .title {
    font-size:22px;
    padding-left:40px;
    background:url("../images/survey/filter.png") no-repeat left center;
}

.survey_filters .filter .actions {
    float:right;
    margin-top:5px;
    display:none;
}

.survey_filters .filter .actions a {
    padding:1px;
    padding-left:20px;
    background:url("../images/icons/delete.png") no-repeat left center;
    color:#888; font-size:12px;
}

.survey_filters .filter .actions a:hover {
    color:#F60;
    text-decoration: underline;
}

.statements select.quest,
.statements select.variants { width:400px; }

/******************************************************************************/
/************************** Участники опроса **********************************/
/******************************************************************************/

.survey_people {
}

.survey_people_filter { margin-bottom: 10px; }

.survey_people_filter a { color:#6E8993; }
.survey_people_filter a:hover { text-decoration: none; }

.survey_people .respondent{
    padding:15px 10px;
    border-top:solid 1px #CCDCE2;
    overflow:hidden;
}

.survey_people .respondent:last-child{
    border-bottom:solid 1px #CCDCE2;
}

.survey_people .none{
    padding:15px 0;
    overflow:hidden;
    color:#666;
}

.survey_people .respondent:hover{
    background:#EDFAFF;
}

.survey_people .respondent .name {
    font-size:22px;
    padding:2px;
    padding-left:40px;
    height:32px;
    line-height:32px;
    background:url("../images/survey/user.png") no-repeat left center;
}

.survey_collabs .respondent .name {
    background:url("../images/survey/user_suit.png") no-repeat left center;
}

.survey_people .respondent .actions {
    float:right;
    margin-top:5px;
}

.survey_people .respondent .actions span {
    margin-left:12px;
}

.survey_people .respondent .actions a {
    color:#888; font-size:12px;
    padding:0px;
}

.survey_people .respondent .actions span {
    padding:1px;
    padding-left:20px;
    cursor:help;
    font-size:12px;
    color:#425768;
}

.survey_people .respondent .actions .fav,
.survey_people .respondent .actions .edit,
.survey_people .respondent .actions .delete{
    cursor: default;
    padding-left:0px;
    margin-left:5px;
}

.survey_people .respondent .actions .fav{
    padding-left:20px;
}

.survey_people .respondent .actions .fav a,
.survey_people .respondent .actions .edit a,
.survey_people .respondent .actions .delete a {
    width:16px;
    height:16px;
    display: inline-block;
    top: 5px;
    position: relative;
}

.survey_people .respondent .actions .fav a.yes,
.survey_people .respondent .actions .fav a.no {
    background:url("../images/icons/fav.png") no-repeat left center;
}
.survey_people .respondent .actions .fav a.yes {
    background-position-x: -16px;
}

.survey_people .respondent .actions .edit a {
    background:url("../images/icons/pencil.png") no-repeat left center;
}
.survey_people .respondent .actions .delete a {
    background:url("../images/icons/delete.png") no-repeat left center;
}

.survey_people .respondent .actions .quiz_result_pass {
    color:green;
}

.survey_people .respondent .actions .quiz_result_fail {
    color:red;
}

.survey_people .respondent .actions .quiz_result_pass {
    background:url("../images/icons/checked.png") no-repeat left center;
}

.survey_people .respondent .actions .quiz_result_fail {
    background:url("../images/icons/cross.png") no-repeat left center;
}

.survey_people .respondent .actions .location {
    padding-left:0px;
}

.survey_people .respondent .actions .time {
    background:url("../images/icons/time.png") no-repeat left center;
}

.survey_people .respondent .actions .email a { color:#6E8993; }
.survey_people .respondent .actions .email {
    cursor:default;
    background:url("../images/icons/email.png") no-repeat left center;
}

.survey_people .respondent .actions a:hover {
    color:#F60;
    text-decoration: underline;
}

h2 .name a {
    text-decoration:none;
    color:inherit;
}

h2 .name { padding-right:10px; }

h2 .fav a,
h2 .edit a,
h2 .print a,
h2 .delete a {
    width:16px;
    height:16px;
    display: inline-block;
    top: 1px;
    position: relative;
}

h2 .fav a.yes,
h2 .fav a.no {
    background:url("../images/icons/fav.png") no-repeat left center;
}
h2 .fav a.yes {
    background-position-x: -16px;
}

h2 .edit a {
    background:url("../images/icons/pencil.png") no-repeat left center;
}
h2 .delete a {
    background:url("../images/icons/delete.png") no-repeat left center;
}
h2 .print a {
    background:url("../images/icons/embed/printer.png") no-repeat left center;
}

.resp_nav{
    float:right;
    font-size:16px;
    padding-top:5px;
}

.resp_nav a { text-decoration:none; }

.resp_details {
    padding:15px;
    padding-top:0px;
    background:#F8F8F8;
    border-radius:8px;
    border:solid 1px #ECECEC;
    margin-left:15px;
    margin-bottom:4px;
}

.resp_details .title {
    margin-top:15px;
    margin-bottom:2px;
    font-size:12px;
    color:#425768;
}

.resp_details .value {
    font-size:14px;
    color:#333;
}

.resp_details .pass { color:green; }
.resp_details .fail { color:red; }

/******************************************************************************/
/************************ Просмотр ответов на вопрос **************************/
/******************************************************************************/

.survey_quest_answers {
    border-bottom:solid 1px #ccc;
}

.survey_quest_answers .answer{
    padding:15px 0;
    border-top:solid 1px #ccc;
    overflow:hidden;
}

.survey_quest_answers .answer .value,
.survey_quest_answers .answer .file_value {
    font-size:15px;
    padding:2px;
    padding-left:26px;
}

.survey_quest_answers .answer .value{
    background:url("../images/icons/textfield.png") no-repeat 2px 4px;
}

.survey_quest_answers .answer .file_value{
    background:url("../images/icons/attach.png") no-repeat 2px 4px;
}

.survey_quest_answers .answer .actions {
    float:right;
    margin-top:5px;
}

.survey_quest_answers .answer .actions a,
.survey_quest_answers .answer .actions span {
    margin-left:12px;
}

.survey_quest_answers .answer .actions a {
    padding:1px;
    padding-left:20px;
    background:url("../images/icons/delete.png") no-repeat left center;
    color:#888; font-size:12px;
}

.survey_quest_answers .answer .actions span {
    padding:1px;
    padding-left:20px;
    cursor:help;
    font-size:12px;
    color:#425768;
}

.survey_quest_answers .answer .actions .respondent {
    background:url("../images/icons/user.png") no-repeat left center;
}


.survey_quest_answers .answer .actions a:hover {
    color:#F60;
    text-decoration: underline;
}

/******************************************************************************/
/************************** Посещаемость опроса *******************************/
/******************************************************************************/

.survey_visits #chart_wrapper{
    border:solid 1px #DDD;
    border-radius:6px;
    width:100%;
    display:block;
    height:280px;
    line-height:280px;
    color:#999;
}
.survey_visits #chart { margin:14px 0; height:260px; }

.survey_visits .date_nav{
    display:block; width:32px; height:32px;
}

.survey_visits .nav_prev{ padding-right: 15px; }
.survey_visits .nav_next{ padding-left: 15px; }

.survey_visits .prev { background:url("../images/icons/visits/prev.png"); }
.survey_visits .next { background:url("../images/icons/visits/next.png"); }
.survey_visits .prev_gray { background:url("../images/icons/visits/prev_gray.png"); }
.survey_visits .next_gray { background:url("../images/icons/visits/next_gray.png"); }

/******************************************************************************/
/**************************** Экспорт опроса **********************************/
/******************************************************************************/

.rss_tools{
    float:right;
}

.rss_tools a {
    padding:1px;
    padding-left:20px;
    margin-left: 10px;
    font-size:13px;
}

.rss_tools .what_is_rss{ background:url("../images/icons/help.png") no-repeat left center; }
.rss_tools .rss_regen{ background:url("../images/icons/update.png") no-repeat left center; }

/******************************************************************************/
/******************************* Соавторы *************************************/
/******************************************************************************/

.survey_collabs .survey_people .respondent .name {
    font-size:18px;
}
.survey_collabs .survey_people .respondent .name .email {
    font-size:14px;
    color:#425768;
    padding-left:10px;
}

.survey_collabs .survey_config .option{
    display:inline-block;
}

.survey_collabs .survey_config .input,
.survey_collabs .survey_config select {
    float:left;
}

.survey_collabs .survey_config .input{
    width:250px;
}
.survey_collabs .survey_config select {
    width:200px;
    height: 28px;
    margin: 2px;
}
.survey_collabs .survey_config .ui-button{
    margin-top:10px;
    clear:both;
}

.export_demo_link{
    margin: 25px 12px;
}

.export_demo_link a{
    font-size:18px;
    background: url("../images/icons/big/xls.png") no-repeat left center;
    padding-left:38px;
    height:32px;
    line-height:32px;
    display: block;
}

.stats_table {
    width: 100%;
}

.stats_table th {
    font-weight: bold;
    background-color: #E1EBEF;
    border-bottom: solid 2px #4D6068;
    color:#7d929d;
}

.stats_table tr{
    height: 30px;
    line-height: 30px;
}

.stats_table tr td{
    border-top: solid 1px #FFF;
    border-bottom: solid 1px #FFF;
}

.stats_table tr:hover td{
    background:#f6f6f6;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

.stats_table tr:nth-child(even) {
	background:#FAFAFA;
}

.stats_table th.serie{
    text-align: left;
}

.stats_table .serie h3{
    margin: 0;
}

.stats_table .serie {
    padding:5px;
    font-weight: bold;
}

.stats_table th.serie a { font-weight:normal; }

.stats_table td.serie a { color:#354247; }
.stats_table td.serie a:hover { color:#F60; }

.stats_table .data {
	width:200px;
    text-align: center;
    font-size:12px;
}

.stats_table .actions {
    width:60px;
    text-align: center;
}

.stats_table .actions a{
    padding:0;
    text-decoration: none;
}

.stats_table .none {
	padding:20px 0;
	text-align:center;
	color:#666;
}

.stats_table .bar_container {
    display:block;
    width:240px;
}

.stats_table .bar_prc {
    float:left;
    font-size:11px;
    color:#425768;
    width:20px;
    text-align: right;
}

.stats_table .bar_wrap {
    display:block;
    margin-top:14px;
    margin-left: 4px;
    background:#ECECEC;
    width:215px;
    float:right;
}
.stats_table .bar {
    display:block;
    height:4px;
    background:#425768;
}

.stats_table a.add{
    margin-left:10px;
    padding-left:20px;
    background:url("../images/icons/add.png") no-repeat left center;
}

.stats_table_filters {
    padding:4px 15px;
    background: url("../images/shade.jpg") repeat-x left top;
    border:solid 1px #999;
    margin-bottom:10px;
}

.stats_table_filters ul,
.stats_table_filters ul li {
    list-style:none;
    margin:0;
    padding:0;
}

.stats_table_filters ul{
    overflow: hidden;
}

.stats_table_filters ul li {
    float:left;
    height:35px;
    line-height:35px;
    padding-right: 15px;
}

.stats_table_filters ul li.right {
    float:right;
    padding:0;
    padding-left: 15px;
}

.stats_table_filters .date-input{
    height:20px !important;
    font-size: 13px;
    width:80px !important;
}

.stats_table_total {
	margin-bottom: 20px;
}

.stats_table a.request_payout {
	background:#27ae60;
	padding:5px 10px;
	color:#FFF;
	text-decoration:none;
	border-radius: 5px;
}

.stats_table a.request_payout:hover {
	background:#2ecc71;
}

.stats_table a.request_payout.disabled {
	background:#bdc3c7;
	cursor:not-allowed;
}

span.yes { color:#27ae60; }