/* Reset */
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}
 
/* Global */
html {height: 100%;}
body {font: 14px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; background: url(images/bg-gradient.png) #fff repeat-x; background-attachment: fixed; color: #656d78; overflow-y: scroll;}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
textarea, input, button, select {font-family: inherit; font-size: inherit; color: inherit;}
textarea, input, select {background: #f6f7fb; border: 1px solid #d3d5d9; padding: 8px; margin-bottom: 10px;}
a {color: #3a3a3a; text-decoration: none;}
a:hover {}
.clearfix {clear: both; height: 1px;}

/* Elements */
h1, h2, h3, h4, h5 {color: #3a3a3a;}
a.button {display: inline-block; height: 36px; line-height: 36px; padding: 0 20px; cursor: pointer;}
a.button img {vertical-align: middle;}
/*
a.button_green {background-color: #7cc71d;}
a.button_gray {background-color: #d3d5d9;}
a.button_brown {background-color: #7a6258;}
a.button_white {background-color: #f6f7fb; color: #aab2bd; text-shadow: none;}
a.button_blue {background-color: #55acee;}
a.button_turquoise {background-color: #8fd3d4;}
a.button_light_brown {background-color: #afa8a2;}
a.button_white:hover {box-shadow: none;}
a.button_red {background-color: #e93c1e;}
a.button_orange {background-color: #f6a843;}
a.button_purple {background-color: #8462dc;}
a.button_facebook {background-color: #f0f6fa; color: #3B5898; text-shadow: none;}
a.button_twitter {background-color: #f0f6fa; color: #54ACEE; text-shadow: none;}
*/

.button { background: #7ab7dc; color: #fff; }
.button:hover { background-color: #63b9fb; }

button.button {display: inline-block; height: 36px; line-height: 36px; padding: 0 20px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); border: none; cursor: pointer;}
button.button:hover { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2); }

.button.disabled {background-color: #7c7c7c !important; cursor: default;}

.avatar_normal {width: 60px; height: 60px; display: inline-block; border-radius: 16px; background: url(images/icon-error.png) no-repeat; position: relative;}
.avatar_normal img {width: 100%; height: 100%; border-radius: 5px;}
.avatar_small {width: 30px; height: 30px; display: inline-block; position: relative;}
.avatar_small img {width: 100%; height: 100%; border-radius: 8px;}

.left {float: left;} .right {float: right;}
.button_checkbox input, .button_radio input {pointer-events: none;}
.option_area .button {margin-right: 10px; padding: 0 13px;}
.option_area .button:last-child {margin-right: 0;}
.tag {display: none; float: right; padding: 2px 5px 3px; margin: 6px 5px; background: #d3d5d9; color: #fff; font-size: 14px; font-weight: 300; }
.tag a {color: #fff;}
.tag_green {background-color: #7cc71d;}
.tag_red {background-color: #e76953;}
.tag_blue {background-color: #7ab7dc;}
.tag_chosen {margin-top: 4px; margin-left: 5px;}
.tag_price {float:left; background: #7ab7dc; font-size: 12px; padding: 3px 5px 4px; margin-bottom: 0; margin-top: 5px;}
.input-error {border: 1px solid #e76953; margin-bottom: 0px;}
.input_help {font-style: italic; font-size: 12px; color: #aab2bd; padding-bottom: 5px; color: #e76953; float: left;}

.btn_listen {float: left; padding: 1px 3px 2px; margin: 9px 5px; color: #434a54; font-size: 11px; cursor: pointer; background: url(images/icon-pronounce.png) no-repeat left center; padding-left: 20px;}

.questions_switch {width: 100%; float: left; font-size: 14px; margin-top: 10px; margin-bottom: -30px;}
.questions_switch ul li {float: left;}
.questions_switch ul li a {color: #aab2bd; display: inline-block; padding: 5px 10px; border: 1px solid #aab2bd; border-radius: 3px; margin-right: 10px;}
.questions_switch ul li a:hover {color: #3a3a3a; border: 1px solid #3a3a3a;}
.questions_switch ul li a.current {color: #3a3a3a; border: 1px solid #3a3a3a;}

.notification_icon {width: 15px; height: 15px; line-height: 15px; vertical-align: middle; display: inline-block;  background: #d3d5d9; border-radius: 50%; color: #fff; text-align: center; font-size: 12px; text-indent: 1px;}
.notification_icon_1 {background: #8462dc; font-size: 11px;}
.notification_icon_2 {background: #7a6258;}
.notification_icon_3 {background: #3a3a3a; line-height: 18px; font-size: 11px;}
.notification_icon_4 {background: #7cc71d; font-size: 6px;}
.notification_icon_5 {background: red; line-height: 14px;}
.notification_icon_6 {background: #55acee;}
.notification_icon_7 {background: #8fd3d4;}


/* Layout */
#content {padding-top: 100px; background: #FFF; z-index: 2; position: relative;}
.inner { max-width: 940px; margin: 0 auto; min-width: 345px; width: 96%; }

/* Header */
#header {width: 100vw; height: 110px; float: left; position: fixed; left: 0; z-index: 5; background: rgba(255,255,255, 0.9); border-bottom: 1px solid #ccd0d9; transition: top 0.3s ease-in-out;}
#header .burger_menu { float: left; margin: 20px 35px 0 0;}
#header .bb_logo_icon { width: 172px; }
#header .logo {float: left; white-space: nowrap; margin: 10px 0 0;}
#header .logo a { display: block; clear: left; }
#header .logo div { margin: 0 20px 0 0; }
#header .logo h1 {font-size: 20px; font-weight: 100; margin: 5px 0 10px; display: inline-block; vertical-align: bottom; line-height: 13px;} 
#header .logo h2 {color: #aab2bd; margin: 0px;}
#header .nav {float: right; margin-top: 8px}
#header .nav li {float: left; margin-left: 40px; font-size: 14px; line-height: 20px;}
.user_space_holder {padding: 4px 8px 6px 4px; background: #e1e1e1; border-radius: 16px; }
#header .nav li .user_space_holder img {width: 20px; height: 20px; border: 1px solid #bbb; border-radius: 50%; vertical-align: middle; display: inline-block;}
#header .nav li .user_space_holder .profile_img { display: inline-block; border-radius: 50%; vertical-align: top; }
#header .nav li .user_space_holder .number_proposals_left {}
#header .nav li a {}
#header .button {float: right; text-transform: uppercase; margin: 0 0 0 40px;}
#header .right-buttons { padding-top: 35px; float: right; }

.profile_img { background: #FFF; }
.profile_img .name_logo { width: 60px; height: 60px; line-height: 60px; font-size: 25px; font-weight: 100; text-align: center; background: #7CA9CC; color: #FFF; border-radius: 100%;}
#header .nav li .user_space_holder .profile_img .name_logo { width: 20px; height: 20px; line-height: 20px; font-size: 9px;}
#header .nav li .user_space_holder .noun_avatar { width: 20px; height: 20px; vertical-align: middle; border-radius: 100%; }

.avatar_small .profile_img .name_logo { width: 30px; height: 30px; line-height: 30px; font-size: 12px; }

#header .nav li.activity_item {position: relative;}
#header .nav li a.open_activity {position: relative; }
#header .nav li a.open_activity .label {}
#header .nav li a.open_activity .number {display: none; min-width: 16px; height: 16px; line-height: 16px; padding: 0 3px; vertical-align: middle; position: absolute; right: -18px; top: -5px; border-radius: 8px; color: #fff; background: #d3d5d9; text-align: center; font-size: 10px;}

.activity_box .close { margin: 5px 10px 0 0; }
.activity_box ul li { clear: both; }

#header .nav li.activity_item .activity_box {display: none; width: 320px; margin-left: -130px; background: #fff; position: absolute; left: 0; top: 30px; z-index: 3; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.3); border: 5px solid #fff;}
#header .nav li.activity_item .activity_box:after {width: 0; height: 0; position: absolute; left: 50%; margin-left: -10px; top: -10px; content: ""; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ffffff transparent;}
#header .nav li.activity_item .activity_box ul li {padding: 10px; margin: 0; border-bottom: 1px solid #ccd0d9; float: none; font-size: 12px; line-height: 18px; background: #fff;}
#header .nav li.activity_item .activity_box ul li.last {border: none; text-align: center;}
#header .nav li.activity_item .activity_box ul li.last .button {float: none; margin: 0; text-transform: capitalize;}
#header .nav li.activity_item .activity_box ul li.last .button:hover {text-decoration: none;}
#header .nav li.activity_item .activity_box ul li.unread {background: #FFFFCC;}
#header .nav li.activity_item .activity_box ul li a.avatar_small {float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 5px;}
#header .nav li.activity_item .activity_box ul li .ago {color: #aab2bd;}
#header .nav li.activity_item .activity_box ul li a {}
#header .nav li.activity_item .activity_box ul li a:hover {text-decoration: underline;}

#header .nav li a.open_messages {position: relative;}
#header .nav li a.open_messages .number {display: none; min-width: 16px; height: 16px; line-height: 16px; padding: 0 3px; vertical-align: middle; position: absolute; right: -18px; top: -5px; border-radius: 8px; color: #fff; background: red; text-align: center; font-size: 10px;}

.nav-down { top: 0; }
.nav-up { top: -120px; }

/* Questions */
.questions {width: 100%; float: left; margin-top: 10px;}
.questions li {width: 100%; margin: 30px 0; float: left; position: relative;}
.questions li .avatar_normal {float: left; margin-right: 10px; position: absolute; left: 0; top: 0;}
.questions li .question {float: left; padding-left: 70px;}

.questions li .question .user_q {font-size: 16px; line-height: 22px;}
.questions li .question .user_q:hover {text-decoration: underline;}

.questions li .question .user_a {color: #787878; margin-top: 10px; display: block;}
.questions li .question .user_a a:hover {text-decoration: underline;}
.questions li .question .user_a .tag {float: none; font-size: 12px;}
.questions li .question .user_a .promoted {color: #7cc71d; text-transform: uppercase; font-size: 10px; margin-left: 5px;}

.questions li .question .author_actions {margin-top: 20px;}
.questions li .question .author_actions .button {margin-right: 10px;}

/* Paypal button */
.questions li .question .author_actions form {width: auto; float: left; display: inline-block;}
.questions li .question .author_actions input {background: none; border: none; padding: 0;}

/* Proposals */
.proposals {width: 100%; float: left; padding-left: 70px; margin-top: 16px;}
.proposals li {width: 100%; float: left; margin: 0!important; padding: 10px 0; border-top: 1px solid #ccd0d9;}

.proposals li .voting-buttons { display: inline-block; float: right;}

.vote-star { margin: 0; color: #000; font-size: 17px; line-height: 28px; width: 28px; text-align: center; display: inline-block; }
.vote-star { background: transparent; }
.vote-star.selected { background: #8d8 !important; color: #FFF ; }
.vote-star.selected.red { background: #d88 !important; }
a.vote-star.hover { background: #b9c0c0; color: #FFF; cursor: pointer; }

.round-left { border-top-left-radius: 7px; border-bottom-left-radius: 7px; }
.round-right { border-top-right-radius: 7px; border-bottom-right-radius: 7px; }

.proposals li .voted {background: #7cc71d; color: #fff!important;}
.proposals li .processing {background: url(images/ajax-loader_3.gif?2) center center no-repeat #d3d5d9; text-indent: -9999px;}
.proposals li .processing:hover {background: url(images/ajax-loader_3.gif?2) center center no-repeat #d3d5d9; text-indent: -9999px; cursor: default;}
.proposals li .voted:hover {background: #7cc71d;}
.proposals li .domain {float: left; font-size: 16px; line-height: 30px; color: #787878;}
.proposals li .targeted_anchor {font-weight: bold; color: #3a3a3a; text-decoration: underline;}
.proposals li .domain img {vertical-align: middle;}
.proposals li .domain:hover {text-decoration: underline;}
.proposals li .avatar_small {float: left; margin-right: 10px;}
.proposals li .comments_number {float: right; color: #ccd0d9; line-height: 30px; margin-left: 15px; background: url(images/icon-comments.png) no-repeat left center; padding-left: 20px;}
.proposals li .link_secondary_action {line-height: 36px; color: #ccd0d9; text-decoration: underline;}
.proposals li .link_secondary_action:hover {color: #b9c0c0;}
.proposals li .text_closed {line-height: 36px; margin-right: 10px;}
.proposals li .text_closed a {text-decoration: underline;}
.proposals li .button {margin-right: 10px;}

.proposals li .button_facebook, .proposals li .button_twitter {margin-left: 10px;}
.proposals li .right {margin-right: 0; margin-left: 10px;}
.proposals li .button_subscribe {}
.proposals li .button_subscribe:hover {}
.proposals li .button_subscribe_on {background: #7cc71d;}
.proposals li .button_subscribe_on:hover {}

.usertag {display: block; width: 16px; height: 16px; line-height: 16px; vertical-align: middle; text-align: center; background: #ccc; color: #fff; border-radius: 8px; position: absolute; right: -8px; top: -8px; font-size: 10px; font-weight: bold;}
.usertag_premium {background: #fff; color: #ffce55;}

/* Fixed footer on single question page */
.questions_single_footer {position: fixed!important; width: 100%!important; padding: 20px 0!important; left: 0; bottom: 0; background: #fff; z-index: 9; line-height: 36px;}
#footer_start .questions_single_footer { position: relative !important; }
.questions_all .inner {width: auto; margin: auto;}
.questions_single .proposals {margin-bottom: 45px;}

/* Comments */
.comments {width: 100%; clear: both; float: left; padding: 3px 0 0 0px;}
.comments li {border-top: none; margin: 0!important;}
.comments li .avatar_small {float: left; margin-right: 10px;}
.comments li h5 {font-size: 14px; line-height: 120%; padding-left: 50px;}
.comments li h5 a {}
.comments li h5 a:hover {text-decoration: underline;}
.comments li h6 {width: 100%; padding-left: 50px; margin-top: 5px; font-size: 75%; }
.comments li h6 a:hover {text-decoration: underline;}
.comments li input {width: 100%; background: #f6f7fb;}


/* Hidden elements */
.preloader {width: 100%; float: left; padding: 30px 0 10px 0; text-align: center; font-size: 14px;}
.preloader a {text-decoration: underline;}
.message {width: 100%; float: left; margin: 30px 0 60px 0; text-align: center; font-size: 14px;}
.message a {text-decoration: underline;}

.popup {display: none; width: 630px; padding: 30px; position: fixed; z-index: 15; left: 0; top: 0; background: #fff; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.3);}
.popup .head {width: 100%; float: left;}
.popup .head h3 {float: left; font-size: 18px;}
.popup .head .close, .activity_box .close {float: right; font-size: 22px; color: #c3c6ca; cursor: pointer;}
.popup .body {width: 100%; float: left; margin-top: 20px; font-size: 14px; line-height: 21px;}
.popup .body textarea, 
.popup .body input[type="text"], 
.popup .body input[type="url"], 
.popup .body input[type="email"], 
.popup .body input[type="number"],
.popup .body select {width: 100%;}
select.default_value { color: #a7acb4; }
select option { color: #656d78; }
.popup .body textarea {resize: vertical; min-height: 75px;}
.popup .body p a:hover {text-decoration: underline;}
.popup .body .error_msg { color: #F00; }
.popup .footer {width: 100%; float: left; margin-top: 20px;}
.popup .footer .textarea_feedback {line-height: 36px; color: #aab2bd; margin-right: 10px;}
.popup .footer .sale_price_label {line-height: 36px; color: #aab2bd; margin-left: 10px;}
.popup .footer .msg {float: right; border: 1px solid #7cc71d; color: #7cc71d; padding: 0 10px; line-height: 36px; border-radius: 3px;}
.popup .footer .button {transition: none;}

.popup-account { width: 420px; z-index: 9; }		#popup-create-account { width: 440px; }
.popup-account .body input[type='text'], .popup-account .body input[type='password'] { float: right; width: 235px; }
.popup-account .body span { line-height: 34px; float: left; display: block; clear: both; }
.popup-account .body img {vertical-align: middle;}
.popup-account .body a:Hover {text-decoration: underline;}

#popup-success {width: 360px;}
#popup-subscribe {width: 360px;}

#popup-buydomain {width: 500px;}
#popup-buydomain a:hover img {box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);}
#popup-buydomain a img {float: left; margin: 10px 10px 10px 0; border-radius: 3px;}
#popup-buydomain .footer {text-align: center;}

#popup-promote {width: 300px;}
#popup-email {width: 300px;}
#popup-premium {width: 360px;}

#popup-contact-seller {width: 360px;}

#popup-vote-error {width: 300px;}

#popup-messages {}
#popup-messages .conversations {width: 30%; height: 360px; float: left; overflow-y: auto; direction: rtl;}
#popup-messages .conversations ul {direction: ltr;}
#popup-messages .conversations ul li {width: 100%; padding: 10px 0 10px 10px; margin: 0; border-top: 1px solid #ccd0d9; float: left; font-size: 12px; line-height: 18px; white-space: nowrap; cursor: pointer;}
#popup-messages .conversations ul li.current {background: #efefef;}
#popup-messages .conversations ul li.unread .username {color: #55acee; font-weight: bold; text-decoration: underline;}
#popup-messages .conversations ul li a.avatar_small {float: left; margin-right: 10px; margin-top: 5px;}
#popup-messages .conversations ul li a:hover {text-decoration: underline;}
#popup-messages .conversations ul li .text .ago {color: #aab2bd;}
#popup-messages .dialog {width: 70%; float: right; padding: 20px 20px 5px 20px; background: #efefef; border-top: 1px solid #ccd0d9;}
#popup-messages .dialog .dialog_body {margin-bottom: 20px; height: 267px; overflow-y: auto;}
#popup-messages .dialog .dialog_body ul li {margin: 0 0 10px 0;}
#popup-messages .dialog .dialog_body ul li .username {font-weight: bold;}
#popup-messages .dialog .dialog_body ul li .msg_text {}
#popup-messages .dialog .dialog_body ul li .ago {font-size: 12px; color: #aab2bd; visibility: hidden;}
#popup-messages .dialog .dialog_body ul li:hover .ago {visibility: visible;}
#popup-messages .dialog .dialog_body ul li.my_msg {color: #aab2bd;}
#popup-messages .dialog .dialog_body ul li.my_msg .username {color: #aab2bd;}
#popup-messages .dialog .dialog_body ul li a:hover {text-decoration: underline;}
#popup-messages .dialog form input {float: left; width: 75%; margin-right: 5%;}
#popup-messages .dialog form .button {float: right; width: 20%;}

#popup-worker { z-index: 15; text-align: center; width: 200px; }

.audio_player {display: none;}

.fader {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: #f6f7fb; opacity: 0.9; display: none;}

ul.proposals li:hover .tag, .in_2colsMode ul.proposals li .tag, .in_3colsMode ul.proposals li .tag {display: block;}
ul.proposals li:hover .domain {color: #3a3a3a;}

.img-loading {display: inline-block; text-align: center; padding: 10px 0;}

.in_2colsMode .select_logo { width: 32px; height: 32px; }
.in_2colsMode #display-icon-select { max-height: 40px; overflow: hidden; }
.in_2colsMode #display-icon-select .selected-anim { width: 32px; height: 32px; margin-right: -32px; }
.in_2colsMode #display-icon-select .selected-anim div { max-width: 32px; max-height: 32px; margin-top: 15px; top: 15px; }

#display-icon-select .select_logo { display: inline-block; border: 1px solid transparent; padding: 3px; margin: 3px; border-radius: 4px; }
#display-icon-select .select_logo:hover, #display-icon-select .select_logo.selected { border-color: #bbb; }
#display-icon-select .select_logo.selected { background-color: transparent; border-color: transparent; position: relative; }

#display-icon-select img, #display-icon-select .selected-anim { vertical-align: middle; }

#display-icon-select .selected-anim { width: 50px; height: 50px; margin-right: -50px; display: inline-block; position: relative; left: 3px; }
#display-icon-select .selected-anim div { border: 1px solid #bbb; background: #ddd; border-radius: 4px; width: 4px; height: 4px; margin: 20px auto 0; overflow: auto; }

.noun_avatar { display: inline-block; border: 1px solid #bbb; border-radius: 4px; background: #f4f4f4; padding: 5px; width: 50px; height: 50px; }

/* Newsletter box */
/*
#newsletter-box {width: 250px; position: fixed; right: 30px; bottom: -56px; background: #fff; border-radius: 3px 3px 0 0; border: 1px solid #b9c0c0;}
#newsletter-box #mc_embed_signup {}
#newsletter-box #mc_embed_signup .email {width: 140px; float: left;}
#newsletter-box #mc_embed_signup .button {width: 80px; float: right; cursor: pointer; background: #3a3a3a; border-radius: 20px; color: #fff;}
#newsletter-box .header {width: 100%; float: left; padding: 10px; background: #b9c0c0; border-radius: 3px 3px 0 0; color: #fff; cursor: pointer;}
#newsletter-box .header label {float: left; cursor: pointer; pointer-events: none;}
#newsletter-box .header .button-toggle {float: right; width: 16px; height: 16px; line-height: 16px; background: #fff;  color: #b9c0c0; text-align: center; vertical-align: middle;}
#newsletter-box .header:hover .button-toggle {color: #3a3a3a;}
#newsletter-box #mc_embed_signup .mc-field-group {padding: 10px; }
*/

/* Activity page*/
.activity_all_container {float: left; width: 50%; margin-right: 5%;}
.activity_all_container h3 {font-size: 18px; margin: 40px 0 30px 0;}
.activity_all_list {}
.activity_all_list li {padding: 10px 0; margin: 0; border-top: 1px solid #ccd0d9; float: none; font-size: 12px; line-height: 18px;}
.activity_all_list li.unread {}
.activity_all_list li a.avatar_small {float: left; margin-right: 10px; margin-top: 5px;}
.activity_all_list li a:hover {text-decoration: underline;}
.activity_all_list li .ago {color: #aab2bd;}

.latest_users_container {float: left; width: 45%;}
.latest_users_container h3 {font-size: 18px; margin: 40px 0 30px 0;}
.latest_users_list {}
.latest_users_list li {width: 50%; padding: 10px 0; margin: 0; border-top: 1px solid #ccd0d9; float: left; font-size: 12px; line-height: 18px; white-space: nowrap;}
.latest_users_list li.unread {background: #FFFFCC;}
.latest_users_list li a.avatar_small {float: left; margin-right: 10px; margin-top: 5px;}
.latest_users_list li a:hover {text-decoration: underline;}
.latest_users_list li .text .ago {color: #aab2bd;}

/* User page */
.user_summary {padding: 30px; background: #fff; border: 1px solid #ccd0d9; border-radius: 3px; margin: 30px 0 0 0; overflow: hidden;}
.user_summary .avatar_normal {float: left;}
.user_summary .user_details {float: left; margin: 6px 10px;}
.user_summary .user_details h2 {font-size: 20px; float: left;}
.user_summary .user_details h3 {float: left; font-size: 12px; color: #787878; margin-top: 10px;}
.user_summary .user_details .userlabel {float: left; margin: 3px; background: #ccc; color: #fff; border-radius: 8px; padding: 1px 3px;}
.user_summary .user_details .userlabel_premium {background: #ffce55; color: #202328;}
.user_summary .user_details .twitter_link {float: left; margin: 3px; color: #54ACEE; background: #f0f6fa; border-radius: 6px; padding: 1px 3px;}
.user_summary .user_details .contact_link {float: left; margin: 3px; font-size: 14px; color: #fff; background: #55acee; border-radius: 10px; padding: 1px 8px 3px 3px; font-weight: 300;}
.user_summary .user_details br {clear: both;}
.user_summary .user_data {float: right; margin-left: 30px;}
.user_summary .user_data h4 {color: #787878;}
.user_summary .user_data h3 {font-size: 40px; font-weight: 100;}

.activity_stream .panel_content {max-height: 484px;}

.activity_user_list {}
.activity_user_list li {padding: 10px 0; margin: 0; overflow: hidden; border-top: 1px solid #ccd0d9; float: none;}
.activity_user_list li:first-child {border: none; padding-top: 0;}
.activity_user_list li.unread {}
.activity_user_list li .avatar_small {display: none;}
.activity_user_list li h4 {font-size: 14px; line-height: 21px; }
.activity_user_list li h5 {margin-top: 10px; color: #aab2bd;}
.activity_user_list li a:hover {text-decoration: underline;}

.user_requests_list li {border-top: 1px solid #ccd0d9; padding: 10px 0;}
.user_requests_list li:first-child {border: none; padding-top: 0;}
.user_requests_list li h4 a {color: #3a3a3a; font-size: 14px; line-height: 21px;}
.user_requests_list li h4 a:hover {text-decoration: underline;}
.user_requests_list li h5 {color: #aab2bd; margin-top: 10px;}

.user_proposals_list {margin-top: 30px;}
.user_proposals_list li {width: 50%; padding: 10px 0; margin: 0; border-top: 1px solid #ccd0d9; float: left; white-space: nowrap; overflow: hidden;}
.user_proposals_list li h4 a {color: #3a3a3a; font-size: 14px;}
.user_proposals_list li h4 a:hover {text-decoration: underline;}
.user_proposals_list li h5 {color: #aab2bd; margin-top: 10px;}

/* Account page */

#account_settings_form label {line-height: 21px;}
#account_settings_form input[type="text"], #account_settings_form input[type="password"] {width: 250px;}

.request_subscriptions_list li {width: 100%; margin-bottom: 20px; float: left;}
.request_subscriptions_list li h2 {}
.request_subscriptions_list li h2 a {font-size: 14px; line-height: 21px;}
.request_subscriptions_list li h2 a:hover {text-decoration: underline;}
.request_subscriptions_list li h4 {font-size: 12px; color: #787878; line-height: 21px;}
.request_subscriptions_list li a:hover {text-decoration: underline;}

.my_domains_list {}
.my_domains_list li {width: 25%; float: left; padding: 20px 0;}
.my_domains_list li label {background: #d3d5d9; padding: 9px; margin-right: -3px;}

/* Simple panel layout */
.simple_panel {width: 100%; float: left; background: #fff; margin-top: 30px;}
.simple_panel_left {width: 48.5%; float: left; margin-right: 1.5%;}
.simple_panel_right {width: 48.5%; float: right; margin-left: 1.5%;}
.simple_panel .panel_header {padding: 15px 30px; background: #787878; border-radius: 3px 3px 0 0;}
.simple_panel .panel_header h3 {font-size: 14px; color: #fff;}
.simple_panel h4 {font-size: 16px; line-height: 22px;}
.simple_panel .panel_content {padding: 25px 30px; overflow: auto; border: 1px solid #ccd0d9; border-radius: 0 0 3px 3px;}
.simple_panel .panel_content .panel_content_left {float: left; width: 48.5%; margin-right: 1.5%;}
.simple_panel .panel_content .panel_content_right {float: right; width: 48.5%; margin-left: 1.5%;}
.simple_panel .panel_content p {line-height: 18px;}

/* Fixed question on single view */
/*
.questions_single .question_container {}
.questions_single .fixed_top {display: none; width: 100%; max-width: 960px; margin-left: -10px; position: fixed; top: 0; padding: 10px; border-radius: 0 0 6px 6px; z-index: 1; background: rgba(255,255,255, 0.9); border: 1px solid #ccd0d9; }
.questions_single .fixed_top .avatar_normal {position: relative!important;}
.questions_single .fixed_top .question {float: none!important;}
*/

/* Submit proposal form */
#popup-proposal {width: 655px;}
#popup-proposal textarea {margin: 0; min-height: 57px;}

#domain-search-fields #input-search {width: 55%; float: left;}
#domain-search-fields #input-profileid {width: 20%; float: left; margin-left: 2%;}
#domain-search-fields #button-search-domains {width: 100%; min-width: 80px; text-align: center; display: block; }

#domain-search-results {width: 100%; float: left; height: 275px; margin-bottom: 10px; overflow-y: scroll; background: #f3f3f3; padding-bottom: 10px;}
#domain-search-results ul li {width: 180px; float: left; margin: 10px 0 10px 10px; border: 1px solid #e7e7e7; background: #fff; border-radius: 3px; cursor: pointer; position: relative;}
#domain-search-results ul li:hover {border-color: #ccc;}
#domain-search-results ul li img.logo {width: 100%; }
#domain-search-results ul li .item-footer { display: block; margin-top: -6px; }
#domain-search-results ul li .name {width: 70%; background: #e0e0e0; color: #484848; float: left; overflow: hidden; padding-left: 5px;}
#domain-search-results ul li .price {width: 30%; background: #7ab7dc; color: #fff; float: right; overflow: hidden; text-align: center;}

#domain-search-results ul li.selected {border: 1px solid #7CC71D;}
#domain-search-results ul li.selected .name {background: #7CC71D; color: #fff;}

#domain-search-results li.disabled { cursor: default; border-color: #e7e7e7 !important; }
#domain-search-results li.disabled img { opacity: 0.3; filter: grayscale(100%); }
#domain-search-results ul li.disabled .name, #domain-search-results ul li.disabled .price { background: #ddd; color: #999; }

#selected-domain-details {display: none;}
#selected-domain-actions {display: none;}

.message-loading { height: 100%; overflow-x: hidden; white-space: nowrap; font-size: 18px; text-align: center; text-overflow: ellipsis; background-color: #eee; }
.message-loading:after {content: ""; height: 100%; display: inline-block; vertical-align: middle;}

/* User profile page */
.bb_domains_list {margin-left: -50px;}
.bb_domains_list li {width: 180px; height: 122px; float: left; margin: 0 0 20px 50px; border: 1px solid #e7e7e7; background: #fff; border-radius: 3px; cursor: pointer; position: relative; font-size: 14px; line-height: 21px;}
.bb_domains_list li:hover {border: 1px solid #ccc;}
.bb_domains_list li img.logo {width: 100%; float: left;}
.bb_domains_list li .item-footer {width: 100%; position: absolute; bottom: 0; left: 0;}
.bb_domains_list li .name {width: 70%; background: #e0e0e0; color: #484848; float: left; overflow: hidden; padding-left: 5px;}
.bb_domains_list li .price {width: 30%; background: #7ab7dc; color: #fff; float: right; overflow: hidden; text-align: center;}


/* Smaller screens */
@media only screen and (max-width: 1050px) {
	#header .burger_menu { margin-top: 25px; }
}

@media only screen and (max-width: 940px) {
	.inner {width: 96%; padding: 0 2%;}
	.questions_all .inner {width: 100%; padding: 0;}
	
	.my_domains_list li {width: 50%;}
	.bb_domains_list {margin-left: -2%;}
	.bb_domains_list li {width: 48%;  margin-left: 2%;}

	#header .right-buttons { padding: 15px 5px 0 0; }

	#header .logo h2 { display: none; }
	#header { height: 70px; }
	#content { padding-top: 60px; }
}

@media only screen and (max-width: 720px) {
	#header .button_purple {text-indent: -9999px; line-height: 0; padding: 0; text-align: center;}
	#header .button_purple::after {content: "+"; text-indent: 0; display: block; line-height: 36px;}
}

@media only screen and (max-height: 750px) {
	.needs_large_display { display: none !important; }
}

@media only screen and (max-width: 640px) {

	.avatar_normal {display: none;}
	.questions li .question {padding-left: 0;}
	.proposals {padding-left: 0;}
	.latest_users_list li {width: 100%; float: none;}
	.questions_single_footer .button_twitter {display: none;}
	.questions_all li ul.proposals li:hover .btn_listen, .btn_listen {display: none;}
	.user_summary .user_details {width: 100%; float: left; margin: 0; border-bottom: 1px solid #ccd0d9; padding-bottom: 30px;}
	.user_summary .user_data {float: left; margin: 30px 10px 0 10px;}
	.user_summary .user_data h3 {font-size: 24px; font-weight: 300;}
	.user_proposals_list li {width: 100%;}
	.link_secondary_action {display: none;}
	
	#popup-messages .conversations {width: 100%; height: 115px; border: 1px solid #ccd0d9;}
	#popup-messages .dialog {width: 100%;}
	#popup-messages .dialog .dialog_body {height: 200px;}
	
	#popup-messages .dialog .dialog_body ul li .ago {display: none;}

	#popup-ask, #popup-proposal {width: 100%!important; height: 100%!important;}
	
	.ad-questions .ad-label {display: none;}
	
	.my_domains_list li {width: 100%;}
	.bb_domains_list {margin-left: 0;}
	.bb_domains_list li {width: 100%; margin-left: 0;}
	
	.simple_panel_left, .simple_panel_right {width: 100%;}
	
	.simple_panel .panel_content .panel_content_left, .simple_panel .panel_content .panel_content_right {width: 100%; margin: 0; float: left;}
	.simple_panel .panel_content .panel_content_left {margin-bottom: 40px;}
	
	#domain-search-results ul li {width: 140px; margin: 3% 0 0 3%; }	
	#domain-search-results ul li .name, #domain-search-results ul li .price { font-size: 0.6em; line-height: 16px !important; }

	.popup .footer { margin-top: 10px; }
	#domain-search-results { height: 230px; }
	#proposal-request-text { max-height: 4.6em; overflow: auto; }
}

@media only screen and (max-width: 580px) {
	#header .nav .can_hide {display: none;}
	#header .nav li { margin-left: 10px; }
}

@media only screen and (max-width: 500px) {
	#header .inner { width: 100vw; }
	#header .burger_menu img { width: 24px; }
	#header .burger_menu { margin-top: 23px; margin-right: 15px; margin-left: 5px; }
	#header .bb_logo_icon { width: 136px; }
	#header .logo h1 { font-size: 16px; }

	#header .button_purple { margin-left: 20px; }

	#header { height: 65px; }
	#content { padding-top: 55px; }
}

@media only screen and (max-width: 480px) {
	.proposals li {padding: 10px 0 10px 0;}
	.logo h1, .logo h2 {display: none;}
	.questions li {margin: 10px 0;}
	.proposals li .avatar_small {display: none;}
	.comments li .avatar_small {display: block;}
	.comments {padding: 0;}
	.popup {width: 100%!important; height: 100%!important; min-width: 380px; padding: 10px 20px; overflow: auto;}
	.popup input, .popup textarea, .popup .button_radio, .popup .button_checkbox {margin-bottom: 10px;}
	.popup .button_purple, .popup .button_radio, .popup .button_checkbox {width: 100%;}
	#newsletter-box {display: none;}
	
	.activity_all_container h3 {}
	.activity_all_list li a.avatar_small {display: none;}
	.latest_users_container h3 {}
	.latest_users_list li a.avatar_small {display: none;}
	
	.questions_all_footer .button, .questions_single_footer .button {margin: 0!important;}
	
	#popup-messages .dialog form .button {text-indent: -9999px; line-height: 0; padding: 0; text-align: center;}
	#popup-messages .dialog form .button::after {content: "➔"; text-indent: 0; display: block; line-height: 36px;}
}

@media only screen and (max-width: 395px) {
	#header .burger_menu img { width: 20px; }
	#header .burger_menu { margin-top: 23px; margin-right: 15px; margin-left: 5px; }

	#header .button_purple { width: 33px; height: 33px; }
	#header .button_purple::after { line-height: 32px; }

	#header .bb_logo_icon { width: 112px; }
	#header .logo h1 { font-size: 13px; }
	#header .nav { margin-top: 6px; }
	#header .nav .can_hide { font-size: 0.9em; }

	#header { height: 60px; }
	#content { padding-top: 50px; }

}


/* Ads */
.ad {text-align: center;}
.ad-questions {width: 96%; line-height: 150%; padding: 10px 2%; text-align: center; vertical-align: middle; float: left; background: #eaedf1; color: #656d78; font-size: 14px; border-radius: 3px;}
.ad-questions a {color: #8462dc;}
.ad-questions a:hover {text-decoration: underline;}

.ad-hover {background: #2a333b; color: #fff;}
.ad-hover a {color: #c1da5a;}

.ad-questions .ad-label {position: absolute; top: 2px; right: 5px; font-size: 10px; color: #ccc;}

.ad-instanerd {background: #2f3536; color: #fff;}
.ad-instanerd a {color: #ffce55;}

.ad-mightyalex {background: #e1e1e1; color: #363636;}
.ad-mightyalex a {color: #d82428;}

.ad-ad {background: #656d78; color: #fff;}
.ad-ad a {color: #7cc71d;}

.ad-peekone {background: #1abc9c; color: #fff;}
.ad-peekone a {color: #fff;}

.questions_single .ad-questions {margin-bottom: 50px!important;}


/**
 * jquery.sticky 0.0.1
 * https://github.com/Tjatse/sticky
 *
 * Apache, License 2.0
 * Copyright (C) 2014 Tjatse
 */
.sticky-holder{position:fixed;z-index:99999;}.sticky{background:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;position:absolute;border:solid 1px #ccd0d9;animation-duration:500ms;animation-delay:0s;animation-iteration-count:1;-moz-animation-duration:500ms;-moz-animation-delay:0s;-moz-animation-iteration-count:1;-webkit-animation-duration:500ms;-webkit-animation-delay:0s;-webkit-animation-iteration-count:1;-o-animation-duration:500ms;-o-animation-delay:0s;-o-animation-iteration-count:1}.sticky div.sticky-title{font-weight:normal;font-size:14px;margin:0 10px 0 10px;padding: 8px 10px 8px 0;border-bottom:solid 1px #eee;color:#3a3a3a;border-radius:3px;}.sticky p.sticky-body{font-size:12px;line-height:18px;color:#787878;padding:10px;margin:0;clear:both;float:none}.sticky img.sticky-icon{float:left;margin:5px 5px 5px 0;max-width:32px;max-height:32px;border-radius:3px;}.sticky>span{font-size:18px;font-weight:bold;position:absolute;right:5px;top:5px;width:20px;height:20px;line-height:20px;display:block;text-align:center;cursor:pointer;color:#ccc}.sticky>span:hover{color:#000}.sticky a{text-decoration: underline;}

/* Tooltipster minified requred styles */
.tooltipster-default{border-radius:5px;border:2px solid #000;background:#4c4c4c;color:#fff}.tooltipster-default .tooltipster-content{font-family:Arial,sans-serif;font-size:14px;line-height:16px;padding:8px 10px;overflow:hidden}.tooltipster-icon{cursor:help;margin-left:4px}.tooltipster-base{padding:0;font-size:0;line-height:0;position:absolute;left:0;top:0;z-index:9999999;pointer-events:none;width:auto;overflow:visible}.tooltipster-base .tooltipster-content{overflow:hidden}.tooltipster-arrow{display:block;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.tooltipster-arrow span,.tooltipster-arrow-border{display:block;width:0;height:0;position:absolute}.tooltipster-arrow-top span,.tooltipster-arrow-top-left span,.tooltipster-arrow-top-right span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-top:8px solid;bottom:-7px}.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-top:9px solid;bottom:-7px}.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom-left span,.tooltipster-arrow-bottom-right span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-bottom:8px solid;top:-7px}.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-bottom:9px solid;top:-7px}.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom span,.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top span{left:0;right:0;margin:0 auto}.tooltipster-arrow-bottom-left span,.tooltipster-arrow-top-left span{left:6px}.tooltipster-arrow-bottom-left .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border{left:5px}.tooltipster-arrow-bottom-right span,.tooltipster-arrow-top-right span{right:6px}.tooltipster-arrow-bottom-right .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border{right:5px}.tooltipster-arrow-left .tooltipster-arrow-border,.tooltipster-arrow-left span{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-left:8px solid;top:50%;margin-top:-7px;right:-7px}.tooltipster-arrow-left .tooltipster-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-left:9px solid;margin-top:-8px}.tooltipster-arrow-right .tooltipster-arrow-border,.tooltipster-arrow-right span{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-right:8px solid;top:50%;margin-top:-7px;left:-7px}.tooltipster-arrow-right .tooltipster-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-right:9px solid;margin-top:-8px}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(0.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);transition-timing-function:cubic-bezier(0.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing-show{opacity:1;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);transform:rotateZ(0deg);-webkit-transition-timing-function:cubic-bezier(0.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(0.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(0.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(0.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(0.23,.635,.495,2.4);transition-timing-function:cubic-bezier(0.23,.635,.495,2.4)}.tooltipster-fall{top:0;-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(0.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);transition-timing-function:cubic-bezier(0.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{left:-40px;-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(0.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);transition-timing-function:cubic-bezier(0.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}.tooltipster-content-changing{opacity:.5;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}

/* Custom theme for Tooltipster */
.my-custom-tooltip-theme {
	border-radius: 16px; 
	background: #3a3a3a;
	color: #fff;
}
.my-custom-tooltip-theme .tooltipster-content {
	font-size: 12px;
	line-height: 16px;
	padding: 8px 10px;
}

/* Logo Tooltipster */
.logo-tooltip-theme {
	border-radius: 8px; 
	background: #fff;
	color: #787878;
	border: 1px solid #ccd0d9;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
}
.logo-tooltip-theme .tooltipster-content {
	font-size: 12px;
	line-height: 16px;
	padding: 2px 4px;
}
.logo-tooltip-theme .tooltipster-content img{
	width: 180px;
}

.dashed li:before {
  content: '-  '; /* em-dash followed by two non-breaking spaces*/
  margin-left: -8px;
}

/* --------------------------------------------------- */

.page_left_menu { position: fixed; left: 0; top: 0; bottom: 0; background: #294d79; z-index: 1; width: 325px; padding: 15px 10px !important; overflow: auto; }
.page_left_menu, .page_left_menu a { color: #FFF; }
.page_left_menu a { display: block; margin-left: -20px; padding-left: 20px; background-position: 0 center;  background-repeat: no-repeat; background-size: 16px; }

.left_menu_big_links { line-height: 30px; padding-top: 30px; padding-left: 22px; font: 20px/31px Helvetica; font-weight: 200; }
.page_left_menu h5, .page_left_menu h5 a { color: #e6e6e6; font: bold 19px/1.6em Helvetica; margin: 0; padding: 0; text-decoration: none; margin-bottom: 10px; }

.menu_icon_home    { background-image: url(/images5/menu_icon_home.png); }
.menu_icon_login   { background-image: url(/images5/menu_icon_login.png); }
.menu_icon_content { background-image: url(/images5/menu_icon_content.png); }
.menu_icon_faq     { background-image: url(/images5/menu_icon_faq.png); }
.menu_icon_clients { background-image: url(/images5/menu_icon_clients.png); }
.menu_icon_phone   { background-image: url(/images5/menu_icon_phone.png); }
.menu_icon_mail    { background-image: url(/images5/menu_icon_mail.png); }
.menu_icon_story   { background-image: url(/images5/menu_icon_story.png); }

.bb_footer {
	background: #172C46;
    padding: 45px 0 20px;
    font-size: 14px;
    line-height: 1.7em;
}

.bb_footer .social_icons { clear: right; float: right; padding: 10px 0 0; }
.bb_footer .social_icons a img { border: 2px solid #172C46; border-radius: 30px; }
.bb_footer .social_icons img { width: 32px; height: 32px; object-fit: none; object-position: 0 0; box-sizing: content-box; }


.bb_as_seen_on {
    background: #efefef; padding: 0.3em 0 0 0; color: #6b6b6b; letter-spacing: 2px; text-align: center; position: relative; top: 1px; font-weight: 200; font-size: 0.8em; line-height: 1.5em;
}
.bb_as_seen_on img { max-width: 95%; padding-top: 0.0em; padding-bottom: 1.8em; }

.bb_footer, .bb_as_seen_on { position: relative; z-index: 2; }

.bb_footer, .bb_footer a { color: #FFF; }
.bb_footer .footerdiv > a { display: block; }




.bb_footer .bb_footer_textdiv { display: none; }

.bb_footer .footerdiv { -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial; }

.bb_footer .copyright { display: block; clear: both; text-align: left; font-size: 0.8em; padding-top: 20px; color: #999999; }
.bb_footer .footer_sep { margin-top: 20px; border-top: 1px solid #1f1f1f; border-bottom: 1px solid #4c4c4c; }
.bb_footer .copyright a { color: #999999; text-decoration: none; }

.bb_footer .footerdiv { float: left; padding: 0 20px; color: #cccccc; }
.bb_footer .footerdiv > a { display: block; color: #cccccc; }
.bb_footer .footerdiv .bigger { font-size: 1.2em; padding-bottom: 4px; color: #ebebeb; text-transform: uppercase; text-shadow: 0px 1px 3px #000;}

.bb_footer .sigup_text input[type='email'] { width: 250px; background: #eeeeee; color: #000; border: none; margin-top: 3px; border-radius: 3px; }
.bb_footer .sigup_text .submit_button { background: #79badb; color: #FFF; width: 70px; text-align: center; height: 33px; border: none; margin-top: 3px; margin-bottom: 2px; font-weight: bold; border-radius: 3px; -webkit-appearance: button; }
.bb_footer .sigup_text .submit_button:hover { background: #f95643 !important; color: #FFF; }


.bb_footer .footer_1 { width: 180px; }
.bb_footer .footer_2 { width: 200px; }
.bb_footer .footer_3 { width: 140px; }
.bb_footer .footer_4 { width: 355px; padding-right: 0; }
.bb_footer .footer_5 { width: 210px; float: right; text-align: right; padding-left: 0; }




.in_4colsMode .bb_footer .footer_1 { width: 140px; }		.in_3colsMode .bb_footer .footer_1 { width: 110px; }		.in_2colsMode .bb_footer .footer_1 { width: 110px; }
.in_4colsMode .bb_footer .footer_2 { width: 140px; }		.in_3colsMode .bb_footer .footer_2 { width: 115px; }		.in_2colsMode .bb_footer .footer_2 { width: 170px; float: right; }
.in_4colsMode .bb_footer .footer_3 { width:  70px; }		.in_3colsMode .bb_footer .footer_3 { width:  70px; }		.in_2colsMode .bb_footer .footer_3 { width: 110px; }
.in_4colsMode .bb_footer .footer_4 { width: 295px; }		.in_3colsMode .bb_footer .footer_4 { width: 500px; }		.in_2colsMode .bb_footer .footer_4 {  }

.in_3colsMode .bb_footer .footer_4,
.in_2colsMode .bb_footer .footer_4 { clear: both; padding-top: 30px; }

.in_2colsMode .bb_footer .footerdiv { padding-left: 10px; padding-right: 0; }

.in_2colsMode .bb_footer .footer_5,
.in_2colsMode .bb_footer .footer_5 { display: none; }

.in_2colsMode .bb_footer .social_icons { float: none; margin-left: -5px; }
.in_2colsMode .bb_footer .bb_footer_textdiv { display: inline-block; }


.in_4colsMode .bb_footer .sigup_text input[type='email'],
.in_3colsMode .bb_footer .sigup_text input[type='email'] { width: 200px; }




.suggesters_table th { font-weight: bold; vertical-align: middle; background: #EEE; }
.suggesters_table td, .suggesters_table th { border: 1px solid #DDD; text-align: center; }

.suggesters_table .m_right { text-align: right; }
.suggesters_table .m_left  { text-align: left; }


.ui-input-text, .ui-btn, .ui-checkbox { display: inline; }
.ui-btn > span { display: none; }
.ui-loader { display: none !important; }