html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{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: #333; background: white; font: 14px Helvetica, Arial,sans-serif; }
ul{list-style: none } table{border-collapse: separate; border-spacing: 0 }
caption,th,td{text-align: left; font-weight: normal }
blockquote:before,blockquote:after,q:before,q:after{content: "" }
blockquote,q{quotes: "" "" } html,body,input,textarea,form{margin: 0; padding: 0; font: 14px Helvetica, Arial,sans-serif; color: #333; }
div{text-align: left; }
strong{font-weight: bold; }
a{text-decoration: none; }
a:link,a:visited{color: #b71e4a; }
a:hover{color:#d13360;}
#page {width:100%; background: white url("../img/bg.jpg") no-repeat top center; }
body.home #page {background: white url("../img/bg-home.jpg") no-repeat top center;}
#header {background: url("../img/header-bg.png") no-repeat top center; width:100%; height:108px; }
h1 {font-size:43px;clear:left;color:#575757;
width: 670px;
display: table-cell;
height: 105px;
vertical-align: middle;
}
#home_index h1 {
	display:block;
	height:auto;
}
#content-main h1 {
	display: block;
	height: auto;
	font-weight: 100;
	font-size: 36px;
	color: #333333;
	margin: 0 0 15px 0;
	line-height: 1.2em;
}
.news_date {
	color: #666666;
	font-size: 14px;
	border-bottom: 1px solid #B4B4B4;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
#header-content {width:1024px; margin: 0 auto;}
#logo {display:block; float: left; margin-top: 17px;}
#nav {float:right;margin-top: 55px;}
#nav li {float:left;margin-right:12px;}
#nav li.last {margin-right:0;}
#nav li a {color:#666666;font-size:16px;padding: 2px 10px 5px;}
#nav li a:hover {color:white;background:#333333;-moz-border-radius: 6px 6px 6px 6px;-webkit-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px;padding: 2px 10px 5px;}
#nav li a.active {color:white;background:#333333;-moz-border-radius: 6px 6px 6px 6px;-webkit-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px;padding: 2px 10px 5px;}
#home-intro {height: 315px;}
#home-intro h1 {font-size:55px; color:black; margin: 36px 0 0 20px;}
#home-intro h2 {font-size:20px; color:black;margin: 105px 0 0 200px;text-align: right;width: 360px;line-height:30px;}
#services-intro {background: url("../img/white-light-bg.png") repeat;width: 1020px;float: left;}
#services-intro ul li {float:left;}
#services-intro ul li a {color:#333;float:left;width:204px;margin-top: -20px; background: url("../img/line.png") no-repeat bottom center;color:#999;/*padding-bottom: 25px;*/}
#services-intro ul li a.request_button {float:left;background:none;margin:0;clear:both;}
#services-intro ul li a.active { background: url("../img/highlight-box-bg.png") repeat-x 0 20px;}
#services-intro ul li a:hover {background: url("../img/highlight-box-bg3.png") repeat-x 0 20px;color:black;}
#services-intro ul li.formulation-and-development a h3 {background: url("../img/formulation-development-icon.png") no-repeat top center;}
#services-intro ul li.safety-assesment a h3, #services-intro ul li.safety-assessment-and-cspr a h3 {background: url("../img/safety-assesment-icon.png") no-repeat top center;}
#services-intro ul li.certification-consultancy a h3 {background: url("../img/certification-consultancy-icon.png") no-repeat top center;}
#services-intro ul li.global-compliance a h3, #services-intro ul li.global-compliance-and-registration a h3 {background: url("../img/global-compliance-icon.png") no-repeat top center;}
#services-intro ul li.laboratory-testing a h3, #services-intro ul li.testing a h3 {background: url("../img/laboratory-testing-icon.png") no-repeat top center;}
#services-intro ul li a h3 {color:#333;font-size:20px;text-align: center;height: 48px;padding: 78px 0 0 0;font-weight:bold;line-height:30px;}
#services-intro ul li a div.desc {margin: 38px auto 0 auto;width: 152px;line-height:23px;font-size: 16px;font-family: Helvetica;}
#services-intro ul li a.active  {color:black;}
#content {width:1024px;margin: 0 auto;position: relative;}
#home-text {background: url("../img/all-our-products-bg.png") no-repeat;height:291px;width:1030px;position: relative;clear: both;}
#home-text h2 {font-size:24px;font-weight:bold;line-height:36px;margin:0 0 20px 0;}
#home-text div.desc {font-size:18px;color:#333333;line-height:27px;}
#home-text div.text {width:580px;padding: 50px 0 0 300px;}
a.more-button {color:white;background: url("../img/button-bg.png") no-repeat; display:block; float: left;width:100px;padding:4px 0 7px 0;text-align: center;}
a.more-button:hover {color:#ffd7e3;}
a.big-button {color:white;background: url("../img/big-button-bg.png") no-repeat; display:block;font-weight:bold;width:171px;padding: 14px 0 16px 15px;font-size:20px;margin:-45px 0 0 0;float:right;}
a.big-button:hover {color:#ffd7e3;}
div.last-news div { float:left;width:340px;margin-right: 30px; }
div.last-news div div.date {color:#98d1aa;font-size:13px;float: none;  }
div.last-news div h4 { font-size:24px;font-weight:bold;margin:10px 0 10px 0; }
div.last-news div div.desc { font-size:16px;line-height:24px;margin-bottom: 20px; }
div.get-in-touch {float: left;width: 250px;}
div.get-in-touch h4 {font-size:24px;font-weight:bold;margin:0 0 18px 0;}
div.get-in-touch ul li {margin-bottom:20px;padding-left:35px;}
div.get-in-touch ul li.phone {background: url("../img/phone-icon.png") no-repeat;}
div.get-in-touch ul li.email {background: url("../img/email-icon.png") no-repeat;}
div.get-in-touch ul li.address {background: url("../img/house-icon.png") no-repeat;}
#home-text2 {background: url("../img/everything-you-need-bg.png") no-repeat;padding: 60px 10px 80px 60px;margin: 30px 0;}
#home-text2 h2 {font-size:48px;font-weight:bold;color:white;margin-left: 195px;}
#home-text2 div.desc {font-size:18px;margin: 10px 0 0 195px;width: 500px;line-height:27px;}
#we-help {background: url("../img/we-help-bg.png") no-repeat top center;padding:30px 0 30px 0; display: none;}
#we-help h2 {font-size:36px;font-weight:bold;text-align:center;margin-bottom:20px;}
#we-help div.logos {text-align:center;}
#we-help div.logos a {margin: 0 35px;}

#footer {background:#333333;color:white;clear:both;height:242px;padding-bottom: 20px;}
#footer-content {width:1024px;margin:0 auto;padding:30px 0 0 0;}
#footer-bottom, #footer-bottom a {clear:both;text-align:center;color:#999;font-size:14px;padding:30px 0 20px 0;}
.breadcrumb {float: left;padding-bottom: 3px; margin-top: 80px;position: relative;z-index: 100;color:black;}
.breadcrumb a {color:#666666;font-size:16px;}
.breadcrumb a.breadcrumblast {color:black;}
.services-pillars {margin-top: -2px;margin-bottom: 30px;}
#services-intro.services-pillars ul li a.active {background: url("../img/highlight-box-bg2.png") repeat-x 0 20px;}
#services-intro.services-pillars ul li a:hover {background: url("../img/highlight-box-bg2.png") repeat-x 0 20px;}
#services-intro.services-pillars a.request_button {background: url("../img/request.png") no-repeat; width:145px; height:15px;font-size:12px;font-weight:bold;color:#333333;text-align: center;padding: 4px 0;margin:0 0 30px 30px;}
#services-intro.services-pillars a.request_button1 {background: url("../img/request1.png") no-repeat;}
#services-intro.services-pillars a.request_button2 {background: url("../img/request2.png") no-repeat;}
#services-intro.services-pillars a.request_button3 {background: url("../img/request3.png") no-repeat;}
#services-intro.services-pillars a.request_button4 {background: url("../img/request4.png") no-repeat;}
#services-intro.services-pillars a.request_button5 {background: url("../img/request5.png") no-repeat;}
#services-intro.services-pillars ul li {float:left;background: url("../img/line.png") no-repeat bottom center;}
#services-intro.services-pillars ul li a {background:none;}
#services-intro.services-pillars a.request_button:hover {background: url("../img/request.png") no-repeat;}

#services-intro ul li.formulation-and-development a.request_button:hover {color:#225263;background-position:0 -23px;}
#services-intro ul li.safety-assesment a.request_button:hover, #services-intro ul li.safety-assessment-and-cspr a.request_button:hover {color:#cb7840;background-position:0 -46px;}
#services-intro ul li.certification-consultancy a.request_button:hover {color:#8e8424;background-position:0 -69px;}
#services-intro ul li.global-compliance a.request_button:hover, #services-intro ul li.global-compliance-and-registration a.request_button:hover {color:#490519;background-position:0 -92px;}
#services-intro ul li.laboratory-testing a.request_button:hover, #services-intro ul li.testing a.request_button:hover {color:#508160;background-position:0 -115px;}
.call-us-right {float:right; font-size:15px;margin: 15px 15px 0 0; }
.call-us-right span {color:#b71e4a;}
body.servicecategories #page {background: url("../img/bg2.jpg") repeat-x center top;}
body#servicecategories_index #page {background: white url("../img/bg.jpg") no-repeat top center;}
body#serviceitems_view #page, body#articlecategories_view #page, body#articles_index #page, body#articles_view #page, body.pages #page, body.clients #page, body.forms #page{background: white url("../img/bg3.jpg") no-repeat top center;}
.clear {
	clear: both;
}
.button-left {
	background-image: url("../img/button_pink_left_round.png");
	width: 7px;
	height: 23px;
	background-repeat: no-repeat;
	float: left;
}

.button-middle {
	height: 23px;
	float: left;
	background-color: #b71e4a;
	color: #ffffff;
	font-size: 12px;
}

.button-middle a {
	color: #ffffff;
	font-size: 12px;
	line-height: 20px;
	padding: 0px 20px;
	font-weight: bold;
}

.button-middle a:hover {
	color: #ffd7e3;
}

.button-right {
	background-image: url("../img/button_pink_right_arrow.png");
	width: 13px;
	height: 23px;
	background-repeat: no-repeat;
	float: left;
}

.button-left-green {
	background-image: url("../img/button_green_left_round.png");
}

.button-middle-green {
	background-color: #5da474;
}

.button-right-green {
	background-image: url("../img/button_green_right_arrow.png");
}

.button-middle-green a {
	padding: 0px 10px;
}

.button-middle-item-request a {
	padding: 0px 10px;
}

.suboffering-item-button-request {
	margin-bottom: 5px;
	margin-left: 42px;
}

#top {
	height: 235px;
	margin-top: -8px;
	padding-top: 20px;
	padding-top:0;
}

#top-logo {
	position: absolute;
	bottom: 0px; 
	right: 25px;
}

#top-content {
	height: 100%;
	width: 1024px;
	margin: 0 auto;
	position: relative;
}
h1#top-title {
	font-size: 43px;
	color: #575757;
	height: 120px;
	
	vertical-align: middle;
	display:table-cell;
}

#top-text {
	font-size: 16px;
	line-height: 25px;
	width: 570px;
	margin-top: 0;
	text-align: justify;
	float: left;
	
	height: 115px;
	display:table-cell;
	vertical-align:middle;
	float: none;
}
#top-call {
	float: left;
	font-size: 15px;
	margin-left: 55px;
}

body.servicecategories #top-call {
	float: left;
	font-size: 15px;
	margin-left: 55px;
	position: absolute;
    right: 200px;
    top: 150px;
}

#top-call span {
	color: #ca597a;
}

#top-request-info {
	margin-top: 10px;
	margin-left: 103px;
}

#content-main {
	padding: 50px 0px;
}

#our-suboffering {
	height: 60px;
	background-color: #333333;
	color: #ffffff;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;	
	-moz-border-radius-topright: 5px;
	font-size: 19px;
	font-weight: bold;
	line-height: 60px;
	padding: 0px 40px;
}

#our-suboffering span {
	color: #b5b5b5;
}

.suboffering-item {
	padding: 20px;
	padding-left: 40px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;	
	-moz-border-radius-bottomright: 5px;
	margin-bottom: 1px;
	position: relative;
}

.suboffering-item-point {
	background-image: url("../img/offering_item_point.png");
	background-repeat: no-repeat;
	position: absolute;
	top: 18px;
	left: -12px;
	width: 28px;
	height: 28px;
}

.suboffering-item-title {
	float: left;
	font-size: 15px;
	color: #5da474;
	font-weight: bold;
	width: 200px;
	margin-right: 20px;
}
.suboffering-item-title a {
	color: #5da474;
}
.suboffering-item-title a:hover {
	color: #47875c;
}
.suboffering-item-desc {
	float: left;
	font-size: 16px;
	color: #333333;
	width: 600px;
}

.suboffering-item-actions {
	float: right;
	margin-top: 10px;
}

.suboffering-item-gray-shade {
	width: 1024px;
	height: 25px;
	background-image: url("../img/item_gray_shade.jpg");
	background-repeat: repeat-x;
	position: absolute;
	top: 0px;
	left: 0px;
}

.item-green {
	background-color: #d2ebda;
}

.item-gray {
	background-color: #eeeeee;
}
.serviceitems #top, .articlecategories #top, .articles #top, .pages #top, .clients #top, .userarea_add #top, .userarea_edit #top, .userarea_view #top, .userarea_target #top, .userarea_target_choose #top, .userarea_target_assigned #top {
	height:105px;
	padding-top: 5px;
}
.serviceitems #top-call, .articlecategories #top-call, .articles #top-call, .pages #top-call, #top-call {
    position: absolute;
    right: 210px;
    top: 40px;
}
body#serviceitems_view #top-content h1 {
	width: 640px;
	
	display: table-cell;
    height: 105px;
    vertical-align: middle;
}
#content-main {
	line-height:22px;
}
#content-main h2 {
	color:#5da474;
	font-size:20px;
	font-weight:bold;
	margin:0 0 20px 0;
}
#content-main p {
	margin-bottom:20px;
}
#content-main img {
	margin:10px;
}

#UserLoginForm .input {
	margin:10px 0 10px 0;
}
#UserLoginForm label {
	margin:0 15px 5px 0;
	display: block;
}
#left_nav {
	width:256px;
	background: #98d1aa url("../img/form-bg.jpg") no-repeat;
	float: right;
	padding:25px 36px 25px 36px;
	margin:45px 0 30px 20px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
#left_nav.clients {
	width: 180px;
	position: absolute;
    right: 0;
    top: 152px;
    z-index: 100;
}
#left_nav h2 {
	color:white;
	font-weight:bold;
	font-size:24px;
}
#left_nav ul li a, a.create-poll {
	font-size: 14px;
	color: #000;
	display: block;
	padding-top: 9px;
	padding-bottom: 9px;
}
#left_nav ul li a:hover {
	color:#333;
}
a.create-poll {
	padding-left:30px;
	font-weight:bold;
}
#left_nav ul li a.active {
	font-weight:bold;
}
#left_nav ul li ul {
	margin-top:0;
}
#left_nav ul li ul li a  {
	padding-left:20px;
}
#left_nav ul li ul li ul li a  {
	padding-left:40px;
}
.articlecategories #content-main, body#articles_view #content-main, body#pages_display #content-main
{
	float: left;
	width: 650px;
}
body#clients_userarea_edit #content-main, body#forms_userarea_add #content-main, body#clients_userarea_index #content-main
, body#forms_userarea_edit #content-main, body#forms_userarea_view #content-main, body#clients_userarea_user #content-main, 
body.profile_form #content-main, body.userarea_target #content-main, body.userarea_target_choose #content-main, body.userarea_target_assigned #content-main {
	float: left;
	width: 100%;
}
body#clients_userarea_index #content-main h2, body#forms_userarea_add #content-main h2, body#forms_userarea_edit #content-main h2, body#forms_userarea_view #content-main h2
, body#clients_userarea_edit #content-main h2, body#clients_userarea_user #content-main h2, body.profile_form #content-main h2, body.userarea_target #content-main h2
, body.userarea_target_choose #content-main h2, body.userarea_target_assigned #content-main h2
, body#forms_userarea_preview #content-main h2, body#forms_preview #content-main h2,
body#forms_userarea_uploadmediainitial h2, body#forms_userarea_uploadmediainitialpreview h2, body#forms_uploadmediainitialpreview h2,
body#clients_userarea_companyusers h2, body#clients_userarea_companyuseradd h2, body#clients_userarea_companyuseredit h2, #clients_userarea_indexother h2,
body#clients_userarea_edituser h2 {
	color: #333;
	font-size: 24px;
	margin-bottom:16px;
	border-bottom:3px solid #98d1aa;
	padding-bottom: 15px;
}
body.clients #left_nav h3, body.forms #left_nav h3 {
	color: white;
	font-weight:normal;
}
#nav-poll li a {
	padding-left:30px;
	font-size:16px;
	font-weight:bold;
}
#nav-poll #nav-polls a {
	background: url("../img/polls_icon.png") no-repeat left 10px;
}
#nav-poll #nav-new-poll a {
	background: url("../img/new_poll_icon.png") no-repeat left 10px;
}
#nav-poll #nav-companyusers a {
	background: url("../img/users_icon.png") no-repeat left 10px;
}
a.create-poll {
	background: url("../img/create-new-trial.png") no-repeat;
	margin-bottom: 20px;
	height: 20px;
	max-width: 150px;
}
#nav-poll #nav-account a {
	background: url("../img/user_icon.png") no-repeat left 10px;
}
#nav-poll #nav-logout a {
	background: url("../img/sign-out_icon.png") no-repeat left 10px;
}
#nav-poll #nav-pass a {
	background: url("../img/change_password.png") no-repeat left 10px;
}
#nav-poll li a span {
	display: block;
	color:white;
	font-size:12px;
	font-weight:normal;
	line-height: 1.3em;
}
#polls-table, #companyusers-table, #forms_userarea_target_choose table, #target_users, #closed-polls-table {
	width: 100%;
	border-radius: 5px;
}

#polls-table td:last-of-type, #polls-table thead th:last-of-type, #closed-polls-table td:last-of-type, #closed-polls-table thead th:last-of-type,
#companyusers-table td:last-of-type, #companyusers-table thead td:last-of-type, #companyusers-table thead th:last-of-type {
    border-right: 1px solid #d4d4d4;
}

#polls-table td:first-of-type, #polls-table thead th:first-of-type, #closed-polls-table td:first-of-type, #closed-polls-table thead th:first-of-type,
#companyusers-table td:first-of-type, #companyusers-table thead td:first-of-type, #companyusers-table thead th:first-of-type {
    border-left: 1px solid #d4d4d4;
}

#closed-polls-table thead th, #polls-table.tester-pool-table thead th{
    border-top: 1px solid #d4d4d4;
}

#polls-table tfoot, #companyusers-table tfoot {
    background-color: transparent;
}

#target_users { 
	clear:both;	
}
#polls-table th, #forms_userarea_target_choose table th, #target_users th, #closed-polls-table th, #companyusers-table th {
	color:#303030;
	font-weight:bold;
	padding:10px 20px;
	border-bottom:1px solid #d4d4d4;
	vertical-align: middle;
        font-size: 13px;
        line-height: 1.25em;
        text-align: left;
}
#clients_userarea_user #polls-table th, #clients_userarea_user #closed-polls-table th {
	height: 43px;
}
#polls-table thead tr, #closed-polls-table thead tr, #companyusers-table thead tr {
	background: white;
}
#polls-table td, #forms_userarea_target_choose table td, #target_users td, #closed-polls-table td, #companyusers-table td {
	color: #979797;
	padding:15px 20px;
	border-bottom:1px solid #d4d4d4;
	vertical-align: middle;
	background-color: transparent;
}
#polls-table tr:hover, #target_users tr:hover, #closed-polls-table tr:hover, #companyusers-table tr:hover {
	background-color:#efffff;
}
#polls-table th.actions, #companyusers-table th.actions {
    width: 145px;
    text-align: center;
}
#polls-table td.actions, #polls-table td.status, #companyusers-table td.actions {
    text-align: center;
}
#polls-table th.status {
    width: 90px;
    text-align: center;
}
#polls-table th.date {
    width: 80px;
}

#polls-table th.panelists {
    width: 65px;
}
#polls-table th.duration {
    width: 55px;
}
#polls-table th.reference {
    width: 150px;
}
#polls-table td.status span {
	display:block;
	font-size:11px;
	line-height: 1.2em;
}
td.actions > a {
	margin:0 3px 0 0;
        display:inline-block;
        width:26px;
        height:26px;
        border: 1px solid #808080;
        border-radius: 3px;
        transition: background 0.3s ease-in-out;
}
td.actions > a:hover{
    background-color: #98d1aa;
}
a.stop {
	background: url("../img/action_stop.png") no-repeat center center;
}
a.start, a.send_to_admin {
	background: url("../img/action_start.png") no-repeat center center;
}
a.delete {
	background: url("../img/action_delete.png") no-repeat center center;
}
a.copy {
	background: url("../img/action_copy.png") no-repeat center center;
}
body#articles_view #content-main, body#pages_display #content-main {
	margin-top:10px;
}
div.paging .disabled {
	display:none;
}
div.articles .suboffering-item-actions {
	margin-top:3px;
}
div.articles .date {
	float:right;
	color:#979797;
	font-size:14px;
	margin-top: 0;
	clear: right;
}
.news_item {
	width:437px;
	float:left;
	padding:30px;
	margin-bottom: 30px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	margin-top: 18px;
}
.news_item .date {
	font-size:14px;
}
.news_first_item {
	background: #eeeeee url("../img/news-bg1.jpg") repeat-x;
	margin-right: 30px;
}
.news_second_item {
	background: #eeeeee url("../img/news-bg2.jpg") no-repeat;
}
div.articles .news_item .suboffering-item-actions {
	clear: both;
	margin-bottom: 5px;
    margin-top: 5px;
}
#content-main .news_item h2 {
	color:#333333;
	font-size:24px;
	font-weight:bold;
	margin-top: 0;
}
div.suboffering-item-big {
	position:relative;
	width:442px;
	background: #eeeeee url("../img/news-bg1.jpg") repeat-x;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	padding:30px;
	float: left;
	margin:20px 0 20px 0;
	min-height: 490px;
}
div.suboffering-item-big.item-first {
	margin-right:20px;
}
div.suboffering-item-big .suboffering-item-desc {
	width:auto;
}

div.suboffering-item-big .suboffering-item-title {
	font-size:24px;
	width: auto;
	margin-bottom:15px;
}
div.suboffering-item-big .suboffering-item-point {
	top: 25px;
}
div.suboffering-item-big .our-subofferings {
	float:left;
	margin-top:15px;
}
div.suboffering-item-big .our-subofferings h4 {
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}
div.suboffering-item-big .our-subofferings ul li a {
	font-size:16px;
	color:#47875c;
	margin-bottom: 5px;
	display:block;
	line-height: 1.2em;
}
div.suboffering-item-big .suboffering-item-actions {
	bottom: 30px;
    clear: both;
    position: absolute;
    right: 30px;
}
div.suboffering-item-big .suboffering-with-image {
	padding-left:215px;
	background: url("../img/item-photo.png") no-repeat;
	float: left;
}
.office-desc {
	margin-top:20px;
	line-height:22px;
}
#map {
	width:250px;
	height:188px;
	margin-top:25px;
}
#content-main .box1 {
	font-size:15px;
	float:left;
	margin-right:40px;
	background: url("../img/1.png") no-repeat;
	padding: 5px 0 0 50px;
}
#content-main .box2 {
	font-size:15px;
	float: left;
	background: url("../img/2.png") no-repeat;
	padding: 5px 0 0 50px;
}
#content-main .box3 {
	font-size:15px;
	float: left;
	background: url("../img/3.png") no-repeat;
	padding: 5px 0 0 50px;
}
#content-main .box3 {
	width: 600px;
	margin-top: 20px;
}
#content-main .box4 {
	font-size:15px;
	float: left;
	background: url("../img/4.png") no-repeat;
	padding: 5px 0 0 50px;
	width: 600px;
	margin-top: 20px;
}
#content-main .box1 h3, #content-main .box2 h3, #content-main .box3 h3, #content-main .box4 h3 {
	font-size:20px;
	margin-bottom:8px;
}
#UserLoginForm {
	padding-bottom:20px;
}
#InsightlyAddForm div.text {
	margin-bottom:10px;
}
#InsightlyAddForm div.select {
	float: right;
    margin-top: -180px;
	margin-right: 35px;
}
#InsightlyAddForm div.select label {
	font-weight:bold;
}
#InsightlyAddForm div.checkbox {
	margin-top:10px;
}
#InsightlyAddForm div.checkbox label {
	font-weight: normal;
	height: 20px;
	margin-bottom: 0;
	margin-left: 10px;
}
#InsightlyAddForm div.text input, #InsightlyAddForm textarea {
	border:2px solid #d2d2d3;
	padding:5px;
	color:#a5a5a5;
	font-size:17px;
	font-style:italic;
	width: 260px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}
#InsightlyAddForm div.submit {
	float: right;
    margin-right: 140px;
    margin-top: -53px;
}
#InsightlyAddForm div.submit input, #UserLoginForm div.submit input {
	border:none;
	color:white;
	background:url("/img/request4.png") no-repeat;
	width:145px;
	padding: 3px 0;
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
	height: 23px;
}
#InsightlyAddForm div.submit input:hover, #UserLoginForm div.submit input:hover {
	color: #FFD7E3;
}
.privacy_policy {
	float: right;
    font-size: 13px;
    width: 283px;
	line-height:1.3em;
	margin-top: -15px;
}
form .required label:after {
	color: #e32;
	content: '*';
	display:inline;
}
.message {
	border: 1px solid green;
    margin-bottom: 10px;
    padding: 10px;
    background: #d6e7d2;
}
.message.success {
	color: white;
	background:#98d1aa;
	border:2px solid #89c79c;
	padding:10px;
	margin-bottom: 21px;
    margin-top: 20px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}
.message.error {
	background:#ff9999;
	border: 2px solid #B71E4A;
    margin-bottom: 21px;
    margin-top: 20px;
    padding: 10px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height:100%;
	background:gray;
	opacity:0.9;
	display: none;
	filter: alpha(opacity = 90);
}
#form_popup {
	display:none;
	padding:30px;
	min-height:450px;
	background:white;
	border:1px solid #585757;
	left: 50%;
	margin-left: -320px;
	position: fixed;
	top: 15%;
	width: 600px;
	z-index: 100;
	-moz-box-shadow:    3px 3px 10px 6px #393939;
	-webkit-box-shadow: 3px 3px 10px 6px #393939;
	box-shadow:         3px 3px 10px 6px #393939;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}
#form_popup p {
	margin-bottom: 20px;
}
#form_popup p.first {
	font-weight:bold;
	width: 560px;
}
#close_button {
	float:right;
	background:url("../img/cross.png") no-repeat left center;
	padding-left:18px;
}
#form_popup #flashMessage {
	margin-top:20px;
}
#UserLoginForm * div.input {
	float:left;
	margin:5px 30px 0 0;
}
#UserLoginForm div.submit input {
	margin:32px 0 0 0;
}
#UserLoginForm div.input input {
	border:2px solid #d2d2d3;
	padding:5px;
	color:#a5a5a5;
	font-size:17px;
	font-style:italic;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}

.login-box {
    font-size: 14px;
    float: left;
    padding-left: 70px;
    width: 550px;
    color: #979797;
    margin-top: 40px;
}
footer {
	clear: both;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
    border-top: 1px solid #ccc;
    padding-top:20px;
    padding-bottom:10px;
}
.login-box h3 {
    font-weight: bold;
    color: #000000;
    margin-bottom: 5px;
    font-size: 16px;
}

.login-box a {
    color: #4f8c62;
}

.login-box a#btn-sign-up {
    background: url("../img/btn_sign_up.png") no-repeat;
    width: 145px;
    height: 23px;
    display: block;
    margin-top: 10px;
}

.login-box span.question {
    font-weight: bold;
    color: #000000;
}

.login #left_nav hr {
    border: 0;
    border-bottom: 1px solid #ffffff;
    margin-top: 50px;
    margin-bottom: 20px;
}

.login-company {
    background: url("../img/login_client_i.png") no-repeat;
    margin-right: 50px;
}

.login-user {
    background: url("../img/login_user_i.png") no-repeat;
}

#forgot-pass-link {
    color: #4d8b60;
    display: block;
    margin-top: 40px
}

body.clients form * div.input {
	/*float:left;*/
	margin: 5px 30px 0 0;
	display: inline-block;
}

body.clients form div.submit input {
	background: url(../img/btn_client_login.png) no-repeat;
        width: 145px;
        height: 33px;
        text-indent: -10000px;
        border: 0;
        cursor: pointer;
        margin-top: 10px;
}

body.clients form div.input input, body.clients form div.input textarea {
	border:2px solid #cbcbcb;
	padding:7px;
	color:#a5a5a5;
	font-size:15px;
	font-style:italic;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
    width: 239px;
    margin-bottom: 10px;
}

body.clients form#ClientUserareaRemindForm div.submit input {
    background-image: url(../img/btn_send_info.png);
    width: 182px;
}

form.questionnaire {
    width: 100%;
    border: 3px solid #98d1aa;
    margin-top: 15px;
    padding-top: 40px;
    padding-bottom: 40px;
    box-sizing: border-box;
}

form.questionnaire input[type=text], form.questionnaire input[type=password], form.questionnaire textarea, form.questionnaire select,
#FormUserareaTargetForm input[type=text], #FormUserareaTargetForm select {
    border: 2px solid #d2d2d3;
    width: 800px;
    border-radius: 10px;
    height: 33px;
    padding: 0px 10px;
    color: #a5a5a5;
    font-style: italic;
}
form.questionnaire textarea {
    padding: 10px;
}

form.questionnaire textarea {
    height: 200px;
    resize: none;
}
form.questionnaire div.field-6 input[type=text] {
    background-image: url("../img/field-date.jpg");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 50px;
    width: 560px;
    cursor: pointer;
}

form.questionnaire div.field-4 input, form.questionnaire div.field-5 input, 
form.questionnaire div.formtype-4 input, form.questionnaire div.formtype-5 input {
    margin-right: 5px;
    vertical-align: middle;
}

form.questionnaire div.field-4 span, form.questionnaire div.field-5 span,
form.questionnaire div.formtype-4 span, form.questionnaire div.formtype-5 span {
    color: #a5a5a5;
    font-style: italic;
    margin-right: 10px;
}

form.questionnaire div.field-3 select {
    background-image: url("../img/field-select.jpg");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 50px;
    width: 625px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    color: #a5a5a5;
    font-style: italic;
}

form.questionnaire article fieldset {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
}
form.questionnaire article fieldset.fieldset {
	border-bottom: 2px solid #98d1aa;
	border-top: 2px solid #98d1aa;
	margin:-2px 0 -2px 0;
	background: white;
}
form.questionnaire article fieldset.fieldset:first-of-type {
	border-top:0;
}
body.profile_form form.questionnaire article fieldset {
	 width: auto;
}
form.questionnaire article fieldset:last-of-type {
    border: 0px;
}
form.questionnaire article fieldset > div {
    margin-left: auto;
    margin-right: auto;
    width: 824px;
    margin-bottom: 30px;
}
form.questionnaire article fieldset div div.field-desc {
    font-weight: bold;
    margin-left: 10px;
    margin-bottom: 10px;
    display: block;
}
form.questionnaire article fieldset div div.field-desc .desc {
    color: #a9a9a9;
    font-weight: normal;
    font-size: 11px;
}
form.questionnaire div.field-4, form.questionnaire div.field-5, form.questionnaire div.formtype-4, form.questionnaire div.formtype-5 {
    padding-left: 20px;
}
form.questionnaire div.field-4 div.field-desc, form.questionnaire div.field-5 div.field-desc
, form.questionnaire div.formtype-4 div.field-desc, form.questionnaire div.formtype-5 div.field-desc {
    margin-left: 0px;
}
form.questionnaire div.btns {
    width: 824px;
    margin: 0px auto;
    height: 35px;
}
form.questionnaire div.field-btn {
    float: left;
}
form.questionnaire input[type=submit], form.questionnaire div.field-btn a, #ClientBulkForm input[type=submit],
#FormUserareaTargetForm input[type=submit], #FormfileUserareaUploadmediainitialForm a.send {
    width: 145px;
    height: 33px;
    background-image: url(../img/btn-form.png);
    border: 0px;
    background-color: transparent;
    color: #ffffff;
    margin-top: 30px;
    cursor: pointer;
}
#FormfileUserareaUploadmediainitialForm a.send {
	display: inline-block;
	text-align: center;
	height: 25px;
	padding-top: 8px;
	margin: 0;
}
form.questionnaire div.field-btn a {
    display: block; 
    text-align: center;
    line-height: 34px;
    margin-top: 0px;
}
form.questionnaire div.field-btn a.next {
    margin: 0;
}
form.questionnaire div.field-btn a.prev {
    background-image: url("../img/btn-form-prev.png");
}

form.questionnaire div.field-align-right{
    float: right;
}

form.questionnaire input.field-error, form.questionnaire textarea.field-error, form.questionnaire select.field-error {
    border-color: red;
}
form.questionnaire .field-error-desc {
    color: red;
    font-size: 12px;
    margin-top: 5px;
    margin-left: 10px;
    font-family: Arial;
}
form.questionnaire div.field-4 .field-error-desc, form.questionnaire div.field-5 .field-error-desc {
    margin-left: 0px;
}
.thx {
    padding: 30px;
    padding-bottom: 10px;
    color: #98d1aa;
    font-weight: bold;
}
form.questionnaire article p.page-title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

form.questionnaire article p.fieldset-title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
/* create poll */
.ui-accordion .ui-accordion-content {
    margin: -10px 20px 0px 20px;
}

#form-fields-list div.checkbox-2 input[type=radio] {
    float: none;
    vertical-align: middle;
    margin-right: 5px;
}

#form-fields-list div.checkbox-2 span {
    margin-right: 10px;
}

#form-fields-list div.options {
    border: 1px solid red;
}

#form-fields-list input[type=text], 
#form-fields-list input[type=password],
#form-fields-list textarea {
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    padding: 10px;
}

#form-fields-list textarea {
    height: 150px;
    resize: none;
}
#form-fields-list div {
    margin: 0px;
    padding: 0px;
}
#form-fields-list > div {
    clear: both;
    margin-bottom: 1em;
    padding: .5em;
    vertical-align: text-top;
}
#form-fields-list div.option {
    position: relative;
}
#form-fields-list div.option > input {
    margin-bottom: 5px;
}
#form-fields-list .remove-option {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 10px;
    background-image: url(../images/delete_icon.png);
    background-position: center center;
    cursor: pointer;
    right: 10px;
    top: 10px;
}
#form-add-field {
    height: 25px;
    line-height: 20px;
    margin-bottom: 0;
    margin-left: 7px;
}
#form-fields-list div.option  input {width:60%}
#form-fields-list div.option a.remove-option {right: 41%}

.add-option {
	margin-left: 10px; margin-top:5px;
}

i {font-weight: normal}

div.form-buttons {
    display:block;
	width:20%;
    clear: both;	
    height: 28px;
    display: none;
}
.formpage  {
	border: 1px solid #d3d3d3;
	border-bottom: 2px solid #98d1aa;
	background: #ebebeb;
    padding: 0 24px 24px;
	position: relative;
}
.submit-form {
	float: right
}
.formpage:before {
	display: block;
	position: absolute;
	left:25px;
	top:20px;
	font-size:20px;
	font-weight: bold;
}
.formpage > a {
  position: absolute;
    right: 25px;
    top: 18px;
}
.fieldset {
	border-bottom: 2px solid #98d1aa;
	background: #fafafa;
	margin: 15px 0;
	padding: 15px 15px 30px 15px;
	clear: both;
	position: relative;
}
fieldset.fieldset {
	background: white;
}
.fieldset  > a {
	position: absolute;
    right: 17px;
    top: 15px;
}
.fieldset::before {
	/*content: "\00a0";*/
	display: block;
}
.remove-field > img {width: 18px}

.clear {
	content: "\00a0";
	display: block;
}
.formname, .objectives, .details {
	margin: 0 0 60px 0;
	text-align: center;
}
.formname input, .objectives textarea, .notes textarea {
	width:665px;
}
 .objectives textarea, .notes textarea {
	height:80px;
}
.formname label, .objectives label, .stage label {
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	display: block;
	text-align: center;
	color: #626262;
	padding: 20px 0;
	background: white url("../img/builder-shadow.jpg") no-repeat top center;
	border-bottom: 1px solid #c5c5c5;
	margin-bottom: 50px;
}
.notes label {
	margin-bottom: 0;
}
.stage-sub label {
	background: #afafaf;
	color: white;
	font-size: 12px;
	border-radius:0 0 5px 5px;
	font-weight: normal;
	text-transform: none;
	padding: 3px 30px;
	display: inline-block;
	margin-left:30px;
	margin-bottom: 25px;
}
.target_group .stage-sub label {
	margin-left: 0;
}
.simple-field label {
	background: transparent;
	color:#303030;
	border:none;
	font-size: 15px;
	padding-left: 0;
	padding-right: 10px;
	text-align: right;
	vertical-align: top;
}
.details > label, .target_group > label {
	margin-bottom: 0;
}
.pagelabel {
	float: left;
	margin: 15px 0 15px 0;
	background: url("../img/arrow-down.png") no-repeat 0 center;
	padding-left:20px;
}
.fieldsetlabel {
	margin: 0;
	background: url("../img/arrow-down-small.png") no-repeat 0 center;
	padding-left:17px;
}
.pagelabel input {
	font-size:18px;
	color: #5ca473;
	width:530px;
}
.fieldsetlabel input {
	color: #5ca473;
	width: 500px;
}
.pagelabel label, .fieldsetlabel label {
	font-weight: bold;
	text-transform: uppercase;
}
.ui-accordion .ui-accordion-header {
	margin-top:9px;
	color: #777;
	font-weight: bold;
}
fieldset label {
	color: #777;
	margin:10px 0 10px 0;
	display: inline-block;
}
body.forms.userarea_add input[type="text"], body.forms.userarea_add textarea,
body.forms.userarea_edit input[type="text"], body.forms.userarea_edit textarea,
body.forms.userarea_edit input[type="number"] {
	padding: 5px;
	border-radius:6px;
	border:1px solid #939393;
}
body.forms.userarea_add textarea, body.forms.userarea_edit textarea {
	padding: 15px;
}
.submit-form input {
	color:white;
	border:none;
	background: url("../img/btn-form.png") no-repeat;
	width:145px;
	height:33px;
	margin: 20px 0 0;
	font-weight: bold;
	cursor: pointer;
}
a.add-fieldset {
	background: url("../img/add-fieldset-green.png") no-repeat;
	text-indent:-10000px;
	width:126px;
	height:26px;
	display: block;
	cursor: pointer;
}
a.add-page {
	background: url("../img/add-page-green.png") no-repeat;
	text-indent:-10000px;
	width:83px;
	height:26px;
	display: block;
	cursor: pointer;
	float: left;
	margin: 20px 0 0 0;
}
form.addFieldForm div.select {
	float:left;
}
form.addFieldForm {
	margin-top:15px;
}
#form-add-field {
	background: url("../img/add-green.png") no-repeat;
	text-indent:-10000px;
	width:65px;
	height:26px;
	display: block;
	cursor: pointer;
	border:0;
	float: left;
	margin-left:10px;
	margin-top: 6px;
}
.formname input {
	color: #626262;
    font-size: 20px;
    text-align: center;
}
body.forms.userarea_add .pagelabel input, body.forms.userarea_add .fieldsetlabel input, body.forms.userarea_add .formname input,
body.forms.userarea_edit .pagelabel input, body.forms.userarea_edit .fieldsetlabel input, body.forms.userarea_edit .formname input,
body.forms.userarea_edit input[type="number"] {
	border: 1px solid #939393;
	background: white;
	font-size: 16px;
	padding:10px;
}
body.forms.userarea_add .pagelabel input:hover, body.forms.userarea_add .fieldsetlabel input:hover, body.forms.userarea_add .formname input:hover,
body.forms.userarea_edit .pagelabel input:hover, body.forms.userarea_edit .fieldsetlabel input:hover, body.forms.userarea_edit .formname input:hover,
body.forms.userarea_add .pagelabel input:focus, body.forms.userarea_add .fieldsetlabel input:focus, body.forms.userarea_add .formname input:focus,
body.forms.userarea_edit .pagelabel input:focus, body.forms.userarea_edit .fieldsetlabel input:focus, body.forms.userarea_edit .formname input:focus {
	border: 1px solid #939393;
	background: white;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #626262;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #626262;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #626262;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #626262;
}
#content-main .remove-field img {
	margin: 0;
}
.formpage a.del {
	background: url("../images/delete_icon.png") no-repeat right center;
	padding-right: 30px;
	cursor: pointer;
}
input.add-option {
	background: url("../img/add_remove_option.png") no-repeat 0 -26px;
	text-indent:-10000px;
	width:134px;
	height:26px;
	display: block;
	cursor: pointer;
	border:0;
	margin-left:0;
	margin-bottom: 30px;
	float: right;
	clear: both;
	margin-top:8px;
}
ul.clients_tabs {
	float: left;
    width: 100%;
    border-bottom: 1px solid #98d1aa;
    margin-bottom: 10px;
}
ul.clients_tabs li {
	float:left;
}
ul.clients_tabs li a {
	color:#575757;
	font-weight: bold;
	font-size: 14px;
	padding: 15px 30px 15px 30px;
	border: 2px solid #98d1aa;
	float: left;
	border-radius:5px 5px 0 0;
	border-bottom: 0;
	margin-right: -2px;
}
ul.clients_tabs li a.here {
	background: #ebebeb;
}
div.poll_basic {
	clear: both;
	margin-top:-10px;
	float: left;
	width:100%;
	background: url("../img/tab-content-bg.jpg") no-repeat;
	padding-top:20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #98d1aa;
}
.poll_basic_info {
	float: left;
	max-width: 540px;
}
.poll_basic_info td {
	font-weight: bold;
	color: #333;
	padding: 0 5px;
}
.poll_basic_info td:first-child {
	font-weight: normal;
	text-align: right;
	width:100px;
}
div.poll_basic_buttons {
	margin-top:7px;
	float: left;
	width: 100%;
}
div.poll_basic_buttons a {
	padding-left:20px;
	color:#333;
	height: auto;
	width: auto;
	background-position: left center;
	margin-left: 15px;
}
a.publish {
	padding-left:20px;
	color:#333;
	float: right;
	background: url("../img/publish.png") no-repeat left center;
}
a.download_xls {
	padding: 5px 0 5px 35px;
	color:#333;
	float: right;
	background: url("../img/xls.png") no-repeat left center;
	font-size:15px;
	margin-top: 40px;
}
#ClientUserareaEditForm {
	border-top:1px solid #98d1aa;
	border-bottom:1px solid #98d1aa;
	padding:20px 0 20px 0;
}
#ClientUserareaEdituserForm {
	padding:0;
}
#ClientUserareaEditForm div.submit input, #ClientUserareaEdituserForm div.submit input {
	background: url("../img/save-account-details.png") no-repeat;
	width:187px;
	height: 26px;
}
#ClientUserareaEditForm label, #ClientUserareaEdituserForm label {
	margin-right:10px;
	width: 100px;
	vertical-align: top;
	text-align: right;
	color: #333;
	font-size: 13px;
}
#ClientUserareaEdituserForm label {
	vertical-align: middle;
}
#ClientPassword::-webkit-input-placeholder { /* WebKit browsers */
    color:    #a5a5a5;
}
#ClientPassword:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #a5a5a5;
   opacity:  1;
}
#ClientPassword::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #a5a5a5;
   opacity:  1;
}
#ClientPassword:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #a5a5a5;
}
#FormUserareaTargetForm label {
	margin-right: 10px;
}
#FormUserareaTargetForm .checkbox label {
	margin-left: 10px;
}
.userarea_target h3 {
	font-weight: bold;
	font-size: 16px;
}
#FormUserareaTargetForm div.search_field {
	border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    padding-bottom: 10px;
}
#FormUserareaTargetForm div.search_field.date {
	border:0;
}
#FormUserareaTargetForm div.search_field > label {
	font-weight: bold;
}
#forms_userarea_target .subline, #forms_userarea_target_choose .subline {
	border-bottom: 1px solid #98d1aa;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#ClientBulkForm div.submit {
	clear:both;
}
#target_users_paginate {
	margin-top:-10px;
}
#target_users_length {
	margin-bottom:7px;
}
#target_users_paginate a {
	border-radius: 3px;
}
#target_users_paginate .paginate_active {
	background: #98d1aa;
}
.search_field .checkbox label {
	margin: 5px;
}
#FormUserareaTargetForm fieldset label {
	width:100px;
}
#FormUserareaTargetForm fieldset label.long, #FormUserareaTargetForm fieldset div.checkbox label {
	width:auto;
}
#FormUserareaTargetForm select {
	width: 622px;
}
#clients_userarea_login h1, #clients_userarea_login2 h1, #forms_userarea_showthx h1,
#clients_userarea_remind h1, #clients_userarea_newpass h1 {
	font-size: 32px;
}
.ui-accordion .ui-accordion-content {
	margin:0;
}
.addFieldForm select {
	border: 2px solid #d2d2d3;
    border-radius: 10px;
    padding: 5px 10px;
}
div.overlay {
	background: rgba(0,0,0,0.55);
	position: fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	display: none;
	z-index: 81;
}
#success-poll, #confirm-delete, #confirm-publish, #confirm-stop, #confirm-copy, #confirm-send, #confirm-change, .confirm-preview, .confirm-result, #clipboard-success {
	background: url("../img/ok-alert.png") no-repeat;
	width:485px;
	height:238px;
	text-align: center;
	text-transform: uppercase;
	color:#3e3e3e;
	position: fixed;
	top: 50%;
	left:50%;
	margin-left:-243px;
	margin-top:-119px;
	z-index:100;
	display: none;
}

.confirm-extra {
	width:425px;
	text-align: center;
	color:#3e3e3e;
	position: fixed;
	top: 50%;
	left:50%;
	margin-left:-243px;
	z-index:100;
        display: none;
        border: 1px solid #8AC79D;
        background-color: #D6D8D7;
        padding: 30px 30px;  
}

#content-main .confirm-extra-ico{
    position: absolute;
    top: -30px;
    left: 213px;
    margin: 0px;
}

#content-main .popup-title-text{
    font-weight: bold;
    margin-top: 10px;
    font-size: 18px;
    margin-bottom: 0px;
}

#content-main .popup-title-desc{
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px;
    margin-bottom: 0px;
}

#content-main .popup-title-content{
    border-top: 1px solid #8AC79D;
    border-bottom: 1px solid #8AC79D;
    padding: 20px 10px;
    margin: 20px 0px;
}

#polls-table .actions .popup-extra-link{
    display: block;
    width: 192px;
    float: left;
    font-size: 15px;
    color: #3e3e3e;
    margin: 5px 0px;
    margin-right: 10px;
}

#polls-table .actions .popup-extra-link .popup-icon{
    width: 18px;
    background: url("../img/popup-icons.png") no-repeat;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
}

#polls-table .actions .popup-extra-link .popup-icon-preview{
    background-position: -18px 0px;
}

#polls-table .actions .popup-extra-link .popup-icon-result{
    background-position: 0px 0px;
}

.confirm-buttons{
    text-align: center;
}

#polls-table .actions .popup-close-button{
    display: block;
    width: 118px;
    height: 26px;
    background: url("../img/popup-close.png") no-repeat;
    margin-left: auto;
    margin-right: auto;
}

#error-poll {
	background: #dcdcdc;
	position: fixed;
	width:435px;
	text-align: center;
	text-transform: uppercase;
	color:#3e3e3e;
	left:50%;
	margin-left:-243px;
	z-index:1001;
	border:1px solid #f26161;
	padding: 50px 25px 25px;
	display: none;
}
#error-poll .icon {
	background: url("../img/error_icon.png") no-repeat;
	position: absolute;
	top:-29px;
	left:50%;
	margin-left:-29px;
	width:58px;
	height: 58px;
}
#error-poll ul {
	text-align:left;
	display:inline-block;
}
#error-poll ul li {
	margin-bottom:4px;
}
div.red-line {
	height:1px;
	width:100%;
	border-bottom:1px solid #f26161;
	margin:15px 0 25px 0;
}
#confirm-delete, #confirm-publish, #confirm-stop, #confirm-copy, #confirm-send, #confirm-change, .confirm-preview, .confirm-result {
	background: url("../img/confirm-alert.png") no-repeat;

}
#success-poll span, #clipboard-success span, #confirm-delete span, #confirm-publish span, #confirm-stop span, #confirm-copy span, #confirm-send span, #confirm-change span, .confirm-result ul {
    display: table-cell;
    height: 118px;
    vertical-align: middle;
    width: 485px;
    padding: 0 20px;
    padding-top: 55px;
}

.ok-button, #ok-button {
	background: url("../img/ok.png") no-repeat;
	display: block;
	width:84px;
	height:26px;
	margin: 0 auto;
	margin-top:18px;
}
.yes-button {
	background: url("../img/yes.png") no-repeat;
	display: inline-block;
	width:84px;
	height:26px;
	margin: 0 auto;
	margin-top:18px;
	margin-right: 60px;
}
.no-button {
	background: url("../img/no.png") no-repeat;
	display: inline-block;
	width:84px;
	height:26px;
	margin: 0 auto;
	margin-top:18px;
}
.currently-assigned {
	float:right;	
}
a.sublinks {
	margin-right:10px;
}
#error-msg {
    display: none;
    color: #C1264E; 
    margin-top: 10px; 
    margin-bottom: 10px; 
    border: 1px solid red; 
    padding: 10px;
}
th.sorting, th.sorting_asc, th.sorting_desc {
	cursor: pointer;
}
.no-sort::after { display: none!important; }

.no-sort { pointer-events: none!important; cursor: default!important; background-image: none!important;}

input[type="text"]:-moz-read-only, textarea:-moz-read-only { /* For Firefox */
    border-color: #e7e7e7!important;
    color: #a1a1a1;
}
input[type="text"]:read-only, textarea:read-only { 
    border-color: #e7e7e7!important;
    color: #a1a1a1;
}
#polls-table td a, #companyusers-table td a {
	color: #979797;
}
#polls-table td a:hover, #companyusers-table td a:hover {
	color: black;
}
#polls-table_info, #closed-polls-table_info, #companyusers-table_info {
	font-size: 11px;
    width: auto;
}
div.welcome {
	color:#979797;
	float: right;
	text-align: right;
	margin-top: -55px;
}
body.userarea_show div.welcome {
}
body.userarea_user div.welcome {
	margin-top: -55px;
	margin-right: 0;
}
body.userarea_show #left_nav {
	margin: 45px 0px 30px 20px;
}
#menu-navi {
	width:62px;
	height:52px;
	background: url("../img/menu-navi.png") no-repeat;
	display: block;
	float: right;
	margin-top: -16px;
	cursor: pointer;
}
.user-info {
	float: left;
	margin-right: 15px;
}
div.welcome strong {
	display: block;
	line-height: 0.6em;
}
div.dataTables_paginate a/*, div.dataTables_paginate span*/ {
	color:#333;
	border: 1px solid #dfdfdf;
	border-radius:5px;
	padding:5px 10px;
	margin-right: 5px;
	background: #f3f3f3;
	cursor: pointer;
}
div.dataTables_paginate a.next {
	margin-right: 0;
}
div.dataTables_paginate span {
	color:#333;
}

th.duration span {
	font-weight: normal;
}

#clients_userarea_index #polls-table tbody tr:nth-child(2n + 1), #companyusers-table tbody tr:nth-child(2n + 1) {
    background-color: #f8f8f8;
}

#clients_userarea_index #polls-table tbody tr:nth-child(2n), #companyusers-table tbody tr:nth-child(2n) {
    background-color: white;
}

#clients_userarea_index #polls-table tbody tr:hover #companyusers-table tbody tr:hover {
    background-color: #efffff;
}

/*tooltip default*/
.with-tooltip:after {
    content: url('../img/question-mark.png');
    margin: 0 0 0 5px;
    width:16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
}
.tooltip-left:before {
	content: url('../img/question-mark.png');
	 margin: 0 5px 0 0;
	width:16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
}
.tooltip-left:after {
	content: '';
	margin: 0;
	width: auto;
	height: auto;
}
#nav-poll li {
	border-bottom:1px solid #c0e3cb;
}
#nav-poll li:last-child {
	border-bottom:0;
}
#left_nav.small {
	padding: 0;
	width: 62px;
}
#left_nav.small li a {
	height: 25px;
	margin-left: 22px;
}
#toggle-dock {
	display: block;
	position: absolute;
	right:0;
	top: 50%;
  	transform: translateY(-50%);
	background: url("../img/menu-toggle.png") no-repeat;
	width:15px;
	height: 47px;
	border: 0;
}
#left_nav.hide {
	display: none;
}
.ui-tooltip {
	padding: 15px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	border-radius:0;
	margin:0;
	background: rgba(51,51,51,0.86);
	color:white;
	-webkit-box-shadow: 0 0 3px #aaa;
	box-shadow: 0 0 3px #aaa;
}
body .ui-tooltip {
	border-width: 0;
}
.ui-tooltip-content::after {
    content: url(../img/tooltip-triangle.png);
    position: absolute;
    display: block;
    top: calc(100% - 7px);
    right:-1px;
}
.tooltip2 .ui-tooltip-content::after {
    content: url(../img/tooltip-triangle2.png);
    position: absolute;
    display: block;
    top: calc(100% - 7px);
   	left:-1px;
}
.form-line {
	border-bottom: 1px solid #98d1aa;
	clear:both;
	padding-top: 20px;
}
#ClientUserareaEditForm h3, #ClientUserareaEdituserForm h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 5px 0;
}
#ClientUserareaEditForm span, #ClientUserareaEdituserForm span {
	display: block;
	color: #575757;
	font-size: 13px;
	margin-bottom: 20px;
}
#ClientUserareaEditForm div.submit, #ClientUserareaEdituserForm div.submit {
	bottom: -30px;
    float: right;
    position: relative;
}
#ClientUserareaEdituserForm div.submit {
	float: none;
	bottom: -10px;
}
#ClientUserareaEditForm div.textarea {
	margin-left: 398px;
}
#timeline {
	background: url("../img/progress-line.png") no-repeat;
	background: url("../img/timeline_bg.jpg") repeat-x;
	background: url("../img/tl1.png") no-repeat 1px 0;
	height:28px;
	margin-left: 15px;
    margin-top: 40px;
    margin-bottom: 50px;
}
#timeline.small {
	width:925px;
	background: url("../img/tl2.png") no-repeat 1px 0;
}
#timeline ul li {
	display: inline-block;
	color: #98d1aa;
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 3px;
    padding-top: 3px;
	margin-top: -11px;
	background: url("../img/timeline_circle.png") no-repeat center top;
}
#timeline ul li span {
	display: inline-block;
}
#timeline ul li span a {
	padding-top:30px;
	display: inline-block;
	text-align: center;
	color:#98d1aa;
}
#timeline ul li span a:hover {
	color:#98d1aa;
}
#timeline1 span {
	background: url("../img/1-normal.png") no-repeat center 2px;
}
#timeline1 {
	margin: 5px 0 0 -5px;
}
#timeline2 span {
	background: url("../img/2-normal.png") no-repeat center 2px;
}
#timeline2 {
	margin-left: 140px;
}
#timeline.small #timeline2 {
	margin-left: 120px;
}
#timeline3 span {
	background: url("../img/3-normal.png") no-repeat center 2px;
}
#timeline3 {
	margin-left: 115px;
}
#timeline.small #timeline3 {
	margin-left: 90px;
}
#timeline4 span {
	background: url("../img/4-normal.png") no-repeat center 2px;
}
#timeline4 {
	margin-left: 115px;
}
#timeline.small #timeline4 {
	margin-left: 95px;
}
#timeline5 span {
	background: url("../img/5-normal.png") no-repeat center 2px;
}
#timeline5 {
	margin-left: 117px;
}
#timeline.small #timeline5 {
	margin-left: 97px;
}
#timeline1.active span {
	background: url("../img/1-active.png") no-repeat center 2px;
}
#timeline2.active span {
	background: url("../img/2-active.png") no-repeat center 2px;
}
#timeline3.active span {
	background: url("../img/3-active.png") no-repeat center 2px;
}
#timeline4.active span {
	background: url("../img/4-active.png") no-repeat center 2px;
}
#timeline5.active span {
	background: url("../img/5-active.png") no-repeat center 2px;
}
#timeline-content {
	border:1px solid #c5c5c5;
	border-radius:5px;
	width: 936px;
	background: #efefef;
	width: 100%;
	position: relative;
}
.formpage {
	display: none;
}
div.next-prev {
	background: #e7e7e7;
	float: left;
    width: 100%;
    border:1px solid #c5c5c5;
    border-radius:0 0 5px 5px;
    margin-top: -4px;
    margin-left:-1px;
}
div.next-prev .prev {
	float:left;
}
div.next-prev .next input {
	font-weight: normal;
	text-transform: uppercase;
	background: url("../img/next-blank.png") no-repeat;
	width: 92px;
	height: 26px;
	margin: 10px 20px 10px 0;
}
div.next-prev .prev input {
	font-weight: normal;
	text-transform: uppercase;
	background: url("../img/prev-blank.png") no-repeat;
	width: 92px;
	height: 26px;
	margin: 10px 0 10px 20px;
}
span.field-info {
	color: #626262;
	font-size: 11px;
	display: block;
	max-width:712px;
	margin:0 auto;
	text-align: left;
}
div.gray-line {
	border-bottom: 1px solid #cfcfcf;
	margin-left: 30px;
    margin-right: 30px;
    margin-top: 15px;
}
input[type="number"], div.number input {
	max-width: 32px;
	text-align: center;
}
.textarea label {
	vertical-align: top;
}
div.triallength, div.mediaupload, div.days {
	float:left;
	margin-right: 55px;
}
div.notes {
	text-align: right;
	margin-right: 30px;
	clear: both;
}
div.notes span.field-info {
	max-width: 485px;
}
div.notes label {
	width:110px;
}
div.checkbox.simple-field {
	padding-top: 12px;
}
body.forms.userarea_edit div.number input {
	border:0;
}
.ui-spinner-button .ui-icon, .ui-spinner-button .ui-widget-content .ui-icon {
	background-image: url("../img/plus-minus.png");
}
.ui-spinner-button .ui-state-default .ui-icon {
	background-image: url("../img/plus-minus.png");
}
.ui-icon-triangle-1-n {
	background-position: 2px 3px;
	cursor: pointer;
}
.ui-spinner .ui-icon-triangle-1-s {
	background-position: 2px -15px;
	cursor: pointer;
}
.ui-spinner {
	border-radius:6px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: transparent;
	border: none;
}
div.interim div.days label {
	width: 185px;
}
div.interim {
	clear: both;
	border-bottom:1px solid #B8B8B8;
	margin: 0 30px;
    width: calc(100% - 60px);
    display: inline-block;
    margin-bottom: 10px;
}
.stage-sub div.interims {
	margin-bottom: -17px;
}
a.remove_interim {
	width:115px;
	height: 26px;
	background: url("../img/remove_addnext.png") no-repeat 0 0;
	display: inline-block;
	cursor: pointer;
}
a.add_interim {
	width:115px;
	height: 26px;
	background: url("../img/remove_addnext.png") no-repeat 0 -26px;
	display: inline-block;
	cursor: pointer;
}
.add_next_interim_box {
	background: #E1E1E1;
	display: inline-block;
    margin: 0 30px;
	width: calc(100% - 60px);
	border-top:1px solid #B8B8B8;
}
.add_next_interim_box p {
	display: inline-block;
	margin-top: 20px;
	margin-left: 20px;
	font-size: 12px;
}
.buttons-actions {
	text-align: right;
	float: right;
    margin: 7px 30px 0 0;
}
.chzn-container-single .chzn-single {
	background: white;
	box-shadow: none;
	padding: 8px 5px 8px 15px;
	border-radius: 6px;
	font-size: 14px;
}
.chzn-container-single .chzn-single div b {
    background: rgba(0, 0, 0, 0) url("../img/select.png") no-repeat scroll 0 17px;
}
.chzn-container-active.chzn-with-drop .chzn-single div b {
	background-position: 0 17px;
}
.chzn-container-single .chzn-single div {
	right:7px;
}
div.target_group .simple-field label {
	display: block;
	color: #303030;
	text-align: left;
	padding-right:0;
	margin-bottom: 10px;
	margin-left:0;
	font-weight: bold;
	font-size: 13px;
}
div.target_group div.checkbox.simple-field {
	padding-top: 0;
}
div.target_group div.even div.checkbox.simple-field {
	margin-left: 0;
}
div.target_group div.checkbox.simple-field label {
	color: #626262;
    height: auto;
    line-height: 15px;
    margin-left: 5px;
}
div.target_group {
	padding-bottom:20px;
}
div.target_group div.date label {
	color:#626262;
}
div.target_group div.date {
	display: inline-block;
}
div.target_group div.date input {
	background: white url("../img/date-icon.png") no-repeat calc(100% - 10px) 8px;
}
div.target_group div.date.start {
	margin-right: 15px;
}
div.target_group div.date.end label {
	margin-left:0;
}
div.target_group div.date label {
	display: inline-block;
	margin-right: 15px;
}
body.forms.userarea_edit div.target_group input[type="text"] {
	padding: 10px;
}
div.target_group div.stage-sub > div.simple-field {
	display: inline-block;
	min-width: 50%;
	margin-bottom: 8px;
	vertical-align: top;
	width:50%;
}
.target_group .stage-sub label {
	margin-bottom: 15px;
}
.target_group .stage-sub:last-child .gray-line {
	border:0;
}
.chzn-container {
	margin-left:30px;
}
.chzn-single, .chzn-container .chzn-results {
	min-width:100px;
}
.chzn-container-single .chzn-drop {
	min-width:122px;
}
#add_next_interim {
	float: right;
    margin: 18px 28px 10px 0;
    clear: both;
}
a.tog {
	display: block;
    height: 50px;
    width: 60px;
}
.not-active-link {
   pointer-events: none;
   cursor: default;
}
.chzn-container.chzn-with-drop .chzn-drop {
	padding-top: 5px;
}
.interim label {
	margin-bottom: 20px;
}
.questions {
	display: none;
}
.questions .left-side {
	width:150px;
	padding:0 30px;
	float: left;  
    min-height: 540px;
}

.field-types{
    height: 540px;
}

/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */
ul[dnd-list],
ul[dnd-list] > li {
	position: relative;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
ul[dnd-list] .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
ul[dnd-list] .dndPlaceholder {
    display: block;
    background-color: #ddd;
    min-height: 42px;
}

/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */
ul[dnd-list] li {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
	cursor: move;
}
ul.typeB[dnd-list] li {
    margin-bottom: 10px;
    border-radius:5px;
    border-color: #a8a8a8;
    padding: 15px 15px 15px 50px;
    color: #303030;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
	        box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
}
/**
 * Show selected elements in green
 */
ul[dnd-list] li.selected {
    background-color: #dff0d8;
}
ul.typeA li {
	background: white;
	color:#303030;
	border:1px solid #c5c5c5;
	border-radius:3px;
	text-transform: uppercase;
	font-size:12px;
	padding: 14px 35px 14px 14px;
	font-weight: bold;
	cursor: copy;
	margin-bottom: 10px;
	line-height: 1.3em;
}
ul.typeA li:hover {
	color: #595858;
}
ul.typeA li.short_text {
	background: white url("../img/short-text-icon.png") no-repeat calc(100% - 10px) center;
}
ul.typeA li.long_text {
	background: white url("../img/long-text-icon.png") no-repeat calc(100% - 10px) center;
}
ul.typeA li.drop_down_list {
	background: white url("../img/dropdown-list-icon.png") no-repeat calc(100% - 10px) center;
}
ul.typeA li.single_select {
	background: white url("../img/single-select-icon.png") no-repeat calc(100% - 10px) center;
}
ul.typeA li.multiple_select {
	background: white url("../img/multiple-select-icon.png") no-repeat calc(100% - 10px) center;
}
ul.typeA li.page_break {
	background: white url("../img/page-break-icon.png") no-repeat calc(100% - 10px) center;
}
ul.typeA li.fields_group {
	background: white url("../img/fields-group-icon.png") no-repeat calc(100% - 10px) center;
}
ul.typeA li.date {
	background: white url("../img/date-icon.png") no-repeat calc(100% - 10px) center;
}
ul.typeA li.scale {
	background: white url("../img/scale-icon.png") no-repeat calc(100% - 10px) center;
}
ul.typeB li.short_text {
	background: white url("../img/short-text-icon-gray.png") no-repeat 15px center;
}
ul.typeB li.long_text {
	background: white url("../img/long-text-icon-gray.png") no-repeat 15px center;
}
ul.typeB li.drop_down_list {
	background: white url("../img/dropdown-list-icon-gray.png") no-repeat 15px center;
}
ul.typeB li.single_select {
	background: white url("../img/single-select-icon-gray.png") no-repeat 15px center;
}
ul.typeB li.multiple_select {
	background: white url("../img/multiple-select-icon-gray.png") no-repeat 15px center;
}
ul.typeB li.page_break {
	background: transparent url("../img/page_break.png") no-repeat top center;
	border:0;
	box-shadow:none;
	padding: 0;
	height: 24px;
}
ul.typeB li.fields_group {
	background: transparent url("../img/fields-group-icon-gray.png") no-repeat 15px 17px;
}
ul.typeB li.date {
	background: white url("../img/date-icon-gray.png") no-repeat 15px center;
}
ul.typeB li.scale {
	background: white url("../img/scale-icon-gray.png") no-repeat 15px center;
}
.questions .right-side {
	float: left;
    width: calc(100% - 272px);
    padding:0 30px;
    padding-top: 40px;
    border-left: 1px solid #bcbcbc;
    min-height: 540px;
}
.drag_info {
	color:#98d1aa;
	border: 1px solid #98d1aa;
	border-radius:5px;
	text-align: center;
	padding: 17px 20px;
	margin-bottom: 14px;
	-moz-box-shadow:    inset 0 0 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    box-shadow:         inset 0 0 5px rgba(0,0,0,0.1);
}
ul.typeB {
	min-height: 42px;
	padding-bottom: 70px;
}
.interims_navigation {
	text-align: right;
	position: absolute;
    right:30px;
    left:0;
    top:9px;
}
.interims_navigation .int_left {
	height: 44px;
	width: 96px;
	background: url("../img/interims_nav_bg_left.png") no-repeat;
	display: inline-block;
}
.interims_navigation .int_right {
	height: 44px;
	width: 96px;
	background: url("../img/interims_nav_bg_right.png") no-repeat;
	display: inline-block;
}
.interims_navigation span {
	color:#98d1aa;
	font-weight: bold;
}
ul.interims_nav {
	display: inline-block;
}
ul.interims_nav li {
	display: inline-block;
	margin-right:5px;
	background: url("../img/interim-arrow.jpg") no-repeat right center;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	line-height: 1.7em;
	font-size: 18px;
	padding-right: 20px;
	margin-left: 5px;
}
ul.interims_nav li span {
	font-size: 12px;
	display: block;
	color:#919191;
	line-height: 0.7em;
}
ul.interims_nav li.active span {
	color: black;
}
/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
 ul.interims_nav li  { line-height: 1.8em;  }
}
ul.interims_nav li.active {
	color:#6cb081;
}
ul.interims_nav li a {
	color: #919191;
}
ul.interims_nav li.active a {
	color:black;
}
ul.interims_nav li.active:last-child a {
	color: black;
}
ul.interims_nav li:last-child {
	background: none;
	width:auto;
	height: auto;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1.3em;
	padding-right: 0;
}
ul.interims_nav li:last-child a {
	color:#919191;
}
div.questions > label:first-child {
	margin-bottom: 0;
}
div.interims_navigation_content {
	display: inline-block;
	height: 39px;
    padding-top: 5px;
	vertical-align: top;
}
ul.typeB .actions {
	display:none;
	position: absolute;
    right: 15px;
    top: 15px;
}
ul.typeB .actions a.del {
	background: url("../img/action_delete.png") no-repeat right center;
	padding-right: 30px;
	cursor: pointer;
	display: inline-block;
    height: 16px;
}
ul.typeB .actions a.edit {
	background: url("../img/edit.png") no-repeat right center;
	padding-right: 30px;
	cursor: pointer;
	display: inline-block;
    height: 18px;
}
li.page_break .actions a.edit {
	display: none;	
}
li.page_break .actions {
	top: 5px;
	right: 7px;
}
li.fields_group .panel-heading {
	padding-bottom: 20px;
}
.showdiv {
	display: block !important;
	border: 1px solid red;	
}
div.right-side .panel-body {
	border:2px dashed gray;
	padding:20px 20px 0 20px;
	border-radius: 5px;
	background: url("../images/drag_drop_text.jpg") no-repeat  center calc(100% - 32px);
}
ul.typeB li .field_options {
	display: none;
	position: absolute;
	width:1000px;
	left:50%;
	margin-left:-525px;
	z-index:1000;
	position: relative;
	background: #dcdcdc;
	border:6px solid rgba(138,199,157,0.37);
	border-radius:5px;
	padding: 20px 20px 0 20px;
	cursor:auto;
	max-height: 500px;
	overflow-x: hidden;
    overflow-y: auto;
}
ul.typeB li .field_options label {
	text-transform: none;
	font-weight: normal;
	font-size: 14px;
	display: inline-block;
	background: none;
	border:none;
}
ul.typeB li .field_options .text label, ul.typeB li .field_options .textarea label {
	width:200px;
	text-align: right;
	color: #303030;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 0 0 0 0;
}
ul.typeB li .field_options input[type="text"], ul.typeB li .field_options textarea {
	padding: 10px;
	width: calc(100% - 231px);
}
ul.typeB li .field_options div.option input[type="text"] {
	width: calc(100% - 170px);
}
ul.typeB li .field_options div.option {
	display: inline-block;
	float: right;
	width: calc(100% - 213px);
}
ul.typeB li .field_options .radio label {
	color: #303030;
}
ul.typeB li .field_options .radio label:first-child {
	margin-bottom: 10px;
    margin-right: 5px;
    text-align: right;
    width: 200px;
}
a.close_popup {
	position: absolute;
	cursor: pointer;
	top:20px;
	right:20px;
	display: block;
	width:12px;
	height: 12px;
	background: url("../img/close.png") no-repeat;
}
ul.typeB li div.field_options.short_text {
	background-image: url("../img/field-short-text-green.png");
	background-repeat: no-repeat;
	background-position: 30px 30px;
}
ul.typeB li div.field_options.long_text {
	background-image: url("../img/field-long-text-green.png");
	background-repeat: no-repeat;
	background-position: 30px 30px;
}
ul.typeB li div.field_options.drop_down_list {
	background-image: url("../img/field-dropdown-list-green.png");
	background-repeat: no-repeat;
	background-position: 30px 30px;
}
ul.typeB li div.field_options.single_select {
	background-image: url("../img/field-single-select-green.png");
	background-repeat: no-repeat;
	background-position: 30px 30px;
}
ul.typeB li div.field_options.multiple_select {
	background-image: url("../img/field-multiple-select-green.png");
	background-repeat: no-repeat;
	background-position: 30px 30px;
}
ul.typeB li div.field_options.date {
	background-image: url("../img/field-date-green.png");
	background-repeat: no-repeat;
	background-position: 30px 30px;
}
ul.typeB li div.field_options.scale {
	background-image: url("../img/field-scale-green.png");
	background-repeat: no-repeat;
	background-position: 30px 30px;
}
ul.typeB li div.field_options.fields_group {
	background-image: url("../img/field-fields-group-green.png");
	background-repeat: no-repeat;
	background-position: 30px 30px;
}
ul.typeB li div.field_options h6 {
	font-weight: normal;
	font-size: 14px;
	color: #303030;
	background: #dcdcdc;
	padding: 0 10px;
	float: right;
	margin: -12px 20px 0 0;
}
ul.typeB li div.field_options h6::first-letter {
	text-transform: capitalize;
}
ul.typeB li div.field_options .line {
	width:100%;
	border-bottom:1px solid #72aa83;
	margin: 35px 0 0 45px;
    width: calc(100% - 45px);
}
ul.typeB li div.field_options div.input.first {
	margin-top:30px;
}
ul.typeB li div.field_options.fields_group div.input.first {
	margin-bottom:38px;
}
ul.typeB li div.field_options div {
	margin-bottom: 10px;
}
ul.typeB li div.field_options div.options label {
    width: 200px;
    color: #303030;
    text-align: right;
    margin: 0 5px 0 0;
    padding: 8px 0;
}
ul.typeB li span {
	color: #303030;
	display: inline-block;
	max-width: 560px;
}
ul.typeB li span::first-letter {
	text-transform: capitalize;
}
ul.typeB li i {
	color: #626262;
}
ul.typeB li div.field_options div.popup_buttons {
	background: white;
	height: 60px;
	width:100%;
	margin: 0;
	clear: both;
	margin: 0 0 0 -20px;
	width: 1039px;
	float: left;
}
div.save input[type=submit] {
	background: url("../img/save.png") no-repeat;
	width: 84px;
	height: 26px;
	border: 0;
	margin: 17px 20px 0 0;
	cursor: pointer;
}
div.cancel input[type=submit] {
	background: url("../img/cancel.png") no-repeat;
	width: 84px;
	height: 26px;
	border: 0;
	margin: 17px 0 0 20px;
	cursor: pointer;
}
div.save, div.cancel {
	display: inline-block;
}
div.save {
	float: right;
}
.options .option a.remove-option {
	cursor: pointer;
	width:134px;
	height: 26px;
	text-indent: -10000px;
	background: url("../img/add_remove_option.png") no-repeat 0 0;
	display: inline-block;
	margin: 8px 0 0;
	float: right;
}
.panel-info.panel {
	margin-bottom: 30px;
}
ul.typeB li .field_options .param.step input.spinner-in-repeat {
	width:50px;
	color:#303030;
}
.param label {
	color: #303030;
    margin: 0 5px 0 0;
    padding: 10px 0;
    text-align: right;
    width: 200px;
}
ul.typeB li .field_options .params {
	margin-bottom:30px;
}
ul.typeB li[draggable="true"] input, ul.typeB li[draggable="true"] textarea {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.long-button input[type="submit"] {
	background: url("../img/btn-form-long.png") no-repeat;
	width: 217px;
	height: 26px;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 10px;
}
.submit-form.long-button {
	display: none;
	margin-right: 20px;
}
/*@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}*/
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
div.target_group div.stage-sub > div.hide_filter {
	display: none;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.label:empty {
  display: none;
}
.label-default {
  background-color: #777;
}
.register_form .welcome {
	display: none;
}
div.questions > label {
	text-align: left;
	padding-left: 32px;
}
span.status {
	text-transform: uppercase;
	font-size: 15px;
}
span.status_desc {
	font-size: 12px;
	display: block;
	line-height: 1.3em;
	color: #333;
	margin-bottom: 10px;
}
#polls-table td a.upload_media, #polls-table td a.accept, #polls-table td a.confirm_delivery, #polls-table td a.interim_pool {
	background: url("../img/tester-button1.png") no-repeat;
	color: white;
	font-size: 10px;
	width:129px;
	height: 26px;
	text-align: center;
	display: inline-block;
	display: block;
	margin-bottom:10px;
	line-height: 2.6em;
}
#polls-table td a.accept , #polls-table td a.reject {
	display: inline-block;
	margin-bottom:0;
}
#polls-table td a.upload_media:hover, #polls-table td a.accept:hover, #polls-table td a.confirm_delivery:hover, #polls-table td a.interim_pool:hover {
	color: #cdffdd;
}
#polls-table td a.accept {
	text-align: left;
	padding-left: 11px;
}
#polls-table td a.reject {
	background: url("../img/tester-button2.png") no-repeat;
	font-size: 10px;
	width:87px;
	height: 26px;
	display: inline-block;
	line-height: 2.6em;
	color: #b71e4a;
	margin-left:10px;
	padding-left: 20px;
}
#polls-table td a.reject:hover {
	color: #cc6666;
}
#polls-table td a.upload_media, #polls-table td a.interim_poll {
	display: block;
    margin-bottom: 25px;
}
#polls-table tr th input, #companyusers-table tr th input {
	max-width: 133px;
	font-size: 11px;
	padding: 10px;
	border: 1px solid #d4d4d4;
    border-radius: 3px;
}
#polls-table tr th input::-webkit-input-placeholder, #companyusers-table tr th input::-webkit-input-placeholder {
    color: #BFBCBC;
}
#polls-table tr th input:-moz-placeholder, #companyusers-table tr th input:-moz-placeholder {
    color: #BFBCBC;
}
#polls-table tr th input::-moz-placeholder, #companyusers-table tr th input::-moz-placeholder {
    color: #BFBCBC;
}
#polls-table tr th input:-ms-input-placeholder, #companyusers-table tr th input:-ms-input-placeholder {
    color: #BFBCBC;
}
tfoot {
    display: table-header-group;
}
#polls-table_filter, #companyusers-table_filter {
	display: none;
}
#forms_userarea_show form.questionnaire input[type="text"]:focus, #forms_userarea_show form.questionnaire textarea:focus {
	border-color: #979797;
}
form.questionnaire label {
	font-size: 20px;
}
#forms_userarea_show form.questionnaire div.formtype-6 input, #forms_userarea_preview form.questionnaire div.formtype-6 input {
	background: url("../img/date-icon.png") no-repeat calc(100% - 10px) center;
	width: 300px;
}
#fileuploader {
	float: left;
	width: 170px;
	margin: 45px 0 0;
}
body.profile_form form.questionnaire article fieldset.mediaupload_fieldset, fieldset.mediaupload_fieldset, body#forms_userarea_preview form.questionnaire article fieldset.mediaupload_fieldset, body#forms_userarea__uploadmediainitial form.questionnaire article fieldset.mediaupload_fieldset
, body#forms_userarea__uploadmediainitialpreview form.questionnaire article fieldset.mediaupload_fieldset {
	width:820px;
	border-bottom: 3px solid #98d1aa;
	border-top: 5px solid #98d1aa;
	padding-bottom: 5px;
	margin-bottom: 30px;
}
td.actions > a.preview { 
	background: url("../img/action_preview.png") no-repeat center center;
} 
td.actions > a.preview:hover {
    background-color: #98d1aa;
}
a.result { 
	background: url("../img/action_result.png") no-repeat center center;
} 
a.result_by_admin {
	background: url("../img/action_result_color.png") no-repeat center center;
}
td.actions > a.share { 
	background: url("../img/action_share.png") no-repeat center center;
} 
td.actions > a.unshare { 
	background: url("../img/action_unshare.png") no-repeat center center;
} 
td.actions > a.share:hover, td.actions > a.unshare:hover { 
	background-color: #98d1aa;
} 
.options > input:nth-child(3) {
    margin-top: -41px;
}
#polls-table thead tr:hover, #closed-polls-table thead tr:hover, #polls-table tfoot tr:hover, #companyusers-table tfoot tr:hover, #companyusers-table thead tr:hover {
	background-color: transparent;
}
#polls-table td a, #companyusers-table td a {
	width:100%;
	display: inline-block;
}
#polls-table td.actions a, #companyusers-table td.actions a {
	width: 26px;
}
#polls-table td.actions a.delete, #companyusers-table td.actions a.delete {
    margin-left: 7px;
}
li.container .column {
    background: rgba(0, 0, 0, 0) url("/images/drag_drop_text.jpg") no-repeat scroll center calc(100% - 25px);
}
.label-danger {
    background-color: #d9534f;
}
.label-warning {
    background-color: #f0ad4e;
}
.label-info {
    background-color: #5bc0de;
}
.label-primary {
    background-color: #337ab7;
}
.label-success {
    background-color: #5cb85c;
}
ul.typeA {
	-webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}
form.questionnaire .formtype-4 input {
	cursor: pointer;
}
/*checkbox*/
input[type=checkbox].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:0;
	padding-right:33px;
	height:14px; 
	display:inline-block;
	line-height:14px;
	background-repeat:no-repeat;
	background-position: 100% 0;
	vertical-align:middle;
	cursor:pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 100% -20px;
}
label.css-label {
	background-image:url(../img/csscheckbox.png);
	background-repeat: no-repeat;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
div.checkbox input[type=checkbox] {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
div.checkbox input[type=checkbox] + label {
	padding-left:26px;
	height:14px; 
	display:inline-block;
	line-height:14px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;

}
div.checkbox input[type=checkbox]:checked + label {
	background-position: 0 -20px;
}
div.checkbox label {
	background-image:url(../img/csscheckbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*radio*/
input[type=radio].css-checkbox, div.radio input {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
input[type=radio].css-checkbox + label.css-label, div.radio input + label {
	padding-left:24px;
	height:12px; 
	display:inline-block;
	line-height:12px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
}
input[type=radio].css-checkbox:checked + label.css-label, div.radio input:checked + label, ul.typeB li .field_options div.radio input:checked + label.css-label
, ul.typeB li .field_options div.radio input[checked="checked"] + label.css-label {
	background-position: 0 -18px;
}
div.radio label.css-label, div.radio label, ul.typeB li .field_options div.radio label.css-label {
	background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_f80b79d9adfa5793fcaf48f3486c827a.png);
	background-repeat: no-repeat;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
ul.typeB li .field_options div.radio label.css-label { 
	padding: 0 0 0 20px;
	margin: 0;
	height: 18px;
	cursor:pointer;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.2em;
}
ul.typeB li .field_options div.radio label.css-label span {
	padding-left: 20px;
}
.numberCircle {
    border-radius: 20%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    padding: 3px;
    border: 1px solid #666;
    color: #666;
    text-align: center;
}
.clearfix:after{
    content:"";
    display:table;
    clear:both;
}
body#forms_userarea_show form.questionnaire article fieldset.fieldset, body#forms_userarea_preview form.questionnaire article fieldset.fieldset,
body#forms_preview form.questionnaire article fieldset.fieldset {
    border: 1px solid #dbdbdb;
    padding: 0px;
    margin-left: auto;
    width: 90%;
    border-radius: 5px;
    margin-right: auto;
    padding: 0px;
    padding-top: 39px;
    margin-bottom: 32px;
    margin-top: 15px;
    border-top: 3px solid #dbdbdb;
    padding-bottom: 22px;
}

fieldset.fieldset p{
    font-size: 16px; 
    font-weight: bold; 
    text-align: center; 
    display: inline-block; 
    margin-bottom: 0px; 
    position: absolute; 
    top: -22px; 
    left: 44px; 
    background-color: white; 
    padding: 13px;
}
#attachementUpload, #logoUpload {
	float: left;
	margin-top: 20px;
    text-align: center;
    margin-left:200px;
    margin-bottom: 30px;
}
#attachementUpload .ajax-file-upload, #logoUpload .ajax-file-upload {
	background: rgba(0, 0, 0, 0) url("../img/select_file_button.png") no-repeat scroll 0 0;
	display: block;
}
#timeline-content .ajax-file-upload-container {
    float: right;
    margin: 20px 138px 0 0;
    overflow: hidden;
    width: 450px;
}
#timeline-content .ajax-file-upload-statusbar {
	margin-bottom:20px;
}
#timeline-content .ajax-file-upload-error {
	 margin: 0 auto;
    width: 450px;
}
span.prv {
	display: block;
	font-size: 11px;
	width: 167px;
	cursor: pointer;
	background: url("../img/anchor.png") no-repeat left 38px;
	padding-left:25px;
}
span.prv.hide {
	display: none;
}
span.stars_desc {
	font-size: 14px;
	margin-top: 10px;
	display: inline-block;
	color: #777;
}
div.total_points {
	float: left;
	border-right:1px solid #98d1aa;
	margin-right: 15px;
    margin-top: -5px;
    padding: 7px 10px 2px 0;
}
div.user_info {
	float: left;
}
div.total_points b {
	text-transform: uppercase;
	font-size: 12px;
}
div.total_points span {
	color:#98d1aa;
	font-size: 20px;
	font-weight: bold;
}
#customize_filters_target, .customize_filters_target {
	margin: 20px 0 0 30px;
	background: url("../img/button_setup_panelist_criteria.png") no-repeat;
	width:239px;
	height: 39px;
	display: block;
}
#choose_filters_popup {
	width: 800px;
	background: white;
	border:1px solid gray;
	display: inline-block;
	position: absolute;
	left:50%;
	margin-left:-400px;
	padding: 30px;
	z-index:1000;
	display: none;
}
#choose_filters_popup h4 {
	border-bottom: 1px solid #c5c5c5;
    font-size: 14px;
    margin-bottom: 30px;
    padding-bottom: 15px;
}
#choose_filters_popup h3 {
	font-size: 22px;
    margin-bottom: 5px;
}
#choose_filters_popup .ok-button {
	clear: both;
	float: right;
}
#choose_filters_popup label {
	font-size: 12px;
	margin-bottom: 10px;
	padding-top:3px;
	padding-bottom:3px;
	border:0;
	text-transform:none;
}
.target_group .stage-sub {
	padding-left:30px;
}
.target_group div.gray-line {
	margin-left:0;
}
.target_group .norequire.checkbox.simple-field > .checkbox {
    display: inline-block;
    width: 45%;
}
.target_group div.checkbox label {
    -moz-user-select: none;
    background-image: url("../img/csscheckbox2.png");
    background-position: 0 0;
}
.target_group div.checkbox input[type=checkbox]:checked + label {
	background-position: 0 -140px;
}
.vertical_center {
	position: fixed !important;
    top: 50%;
    transform: translateY(-50%);
}
#ClientUserareaCompanyuseraddForm label, #ClientUserareaCompanyusereditForm label {
	padding-right: 10px;
    text-align: right;
    width: 120px;
}
#ClientUserareaCompanyuseraddForm input[type=submit], #ClientUserareaCompanyusereditForm input[type=submit] {
	background-image: url("../img/btn_client_save.png");
	margin-top: 20px;
}
#ClientRole_chzn {
	margin-left: 0;
}
a.add-company-user {
	background: url("../img/add-new-user.png") no-repeat;
	width:181px;
	height:38px;
	display: block;
}
#ClientUserareaCompanyuseraddForm, #ClientUserareaCompanyusereditForm {
	margin-top: 30px;
}
#ClientUserareaCompanyuseraddForm fieldset div, #ClientUserareaCompanyusereditForm fieldset div {
	max-width:387px;
}
td.actions a.edit {
	background: url("../img/action_edit.png") no-repeat center center;
}
td.actions a.edit:hover {
	background-color: #98d1aa;
}
div.table_chooser {
	margin-bottom: -45px;
    text-align: right;
}
div.table_chooser a {
	color: black;
	position: relative;
    z-index: 80;
    background: url("../img/radio_green.png") no-repeat;
    padding:3px 0 3px 28px;
}
div.table_chooser a.active {
	background-position: 0 -21px;
}
body.clients .error-message {
	color: #e32;
	float: right;
    margin-bottom: 5px;
}
div.input.error {
	position: relative;
}
h1 a:link, h1 a:visited {
	color:#575757;
}
a.login_button {
	 background: url("../img/back_sign_in_button.png") no-repeat;
	 width:157px;
	 height: 31px;
	 margin: 0 auto;
   	display: block;
}
div.products_usage_instructions, div.safety_precautions, div.product_ingredient {
	margin-bottom: 10px;
}
div.products_usage_instructions label, div.safety_precautions label, div.product_ingredient label {
	width: 155px;
}
.stage-sub .objectives {
	margin: 20px 30px 0;
    text-align: right;
}
.tester-pool-table td a.invitation_pdf {
	background: url("../img/pdf_green.jpg") no-repeat;
	display: block;
	height:22px;
	font-size:10px;
	padding-left: 27px;
	margin-top:10px;
}