/* t4 */

body {
font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 22px;
font-size: 14px;
margin: 0;
padding: 0;
color: #444;
background: #eee;
}


@font-face {
font-family: 'proxima-nova';
src: url('/static-files/fonts/Proxima-Nova-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'proxima-nova';
src: url('/static-files/fonts/Proxima-Nova-Regular-Italic.woff2') format('woff2');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'proxima-nova';
src: url('/static-files/fonts/Proxima-Nova-Bold.woff2') format('woff2');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'proxima-nova';
src: url('/static-files/fonts/Proxima-Nova-Bold-Italic.woff2') format('woff2');
font-weight: 600;
font-style: italic;
}


div, h1, h2, h3, h4, h5, p, ul, li, form, fieldset, img, blockquote {
margin: 0;
padding: 0;
border: none;
}

a {
text-decoration: none;
color: #3589A7;
border-bottom: 1px solid #a3c2d3;
cursor: pointer;
}

.sec-link {
color: #777 !important;
border-bottom: 1px solid #ccc;
}


h1 { font-size: 27px; color: #95b56d; text-shadow: 1px 1px 1px rgba(255,255,255,1.0); }
h2 { font-size: 21px; font-weight: normal; }
h3 { font-size: 17px; font-weight: normal; }
h4 { font-size: 14px; text-transform: uppercase; }
h5 { font-size: 16px; margin: 25px 0 15px 0; }
h6 { font-size: 14px; margin: 15px 0 10px 0; }

/* div#content-body h5:first-child { margin: 15px 0 15px 0; } */

div#content-body h1 {
margin: 20px 0 30px 0;
}


/* -----------------------
--------- Header --------
------------------------ */


div#header {
background: linear-gradient(#3a3a3a, #2a2a2a);
}
div#header div.wrap {
position: relative;
margin: 0 auto;
width: 960px;
}

div#logo {
height: 70px;
padding: 0px 20px 0px 20px;
position: relative;
}
div#logo a {
display: block;
border: none !important;
position: absolute;
width: 200px;
height: 60px;
top: 13px;
left: 0px;
outline: none;
background: url(../pics/logo/survs-logo.svg) left bottom no-repeat;
background-size: 174px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	div#logo a {
		/*
		top: 11px;
		left: 3px;
		background: url(../pics/logo_360px.png) left bottom no-repeat;
		background-size: 176px;
		*/
	}

}


div#mainnav {
height: 32px;
position: relative;
font-size: 15px;
text-shadow: 0px -1px 1px #222;
}
div#mainnav ul {
list-style: none;
position: absolute;
left: 250px;
top: -37px;
}
div#mainnav ul li {
float: left;
}
div#mainnav ul li a {
float: left;
padding: 7px 16px 6px 16px;
text-decoration: none;
white-space: nowrap;
font-weight: 500;
color: #ccc;
border: none;
}
div#mainnav ul li a:hover {
color: #eee;
}
div#mainnav ul li a.first {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
div#mainnav ul li a.last {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
div#mainnav ul li.active a {
background: #222;
border-radius: 3px;
box-shadow: 0 1px 1px #444;
}
div#mainnav ul li.disabled a {
background: none;
color: #888;
}
div#mainnav ul li.active.disabled a {
background: none !important;
color: #888 !important;
box-shadow: none !important;
}


div#mainnav ul li.newsurvey {
position: relative;
}
div#mainnav ul li.newsurvey a {
margin: 0px 2px 0 0px;
padding: 7px 0px 6px 0px;
color: #ccc;
}
div#mainnav ul li.newsurvey a:hover {
color: #eee;
}
div#mainnav ul li.newsurvey a span {
padding: 6px 18px 7px 26px;
background: url(../pics/newsurvey-add.gif) 12px center no-repeat;
}
div#mainnav ul li.newsurvey.disabled a span {
background: url(../pics/newsurvey-add-disabled.gif) 10px center no-repeat;
}

/* hides "disabled tab" tooltip */
#mainnav .ttipcontent {
display: none !important;
}

#supportnav {
position: absolute;
right: 0px;
top: 36px;
padding: 4px 0px 5px 10px;
white-space: nowrap;
color: #95b56d;
}
#supportnav a {
text-decoration: none;
border: none;
padding: 4px 0;
}
#supportnav span {
color: #555;
padding: 0 3px;
}
#supportnav a span {
color: #95b56d;
padding: 0;
}
#supportnav a:hover span {
color: #aac48a !important;
}
#supportnav table td.col1 div {
overflow: hidden;
white-space: nowrap;
width: 200px;
text-align: right;
}


/* -----------------------
-------- Content --------
------------------------ */

#content {
padding: 34px 10px 25px 10px;
}
#content-head {
margin: 0 auto;
width: 960px;
padding: 30px 30px 10px 30px;
border-radius: 4px 4px 0 0;
box-shadow: 0 1px 1px #ddd;
border-bottom: 1px solid #e5e5e5;
background: #fafafa;
background: linear-gradient(#fff, #f5f5f5);
}
#content-body {
margin: 0 auto;
width: 960px;
background: #fff;
padding: 10px 30px 20px 30px;
border-radius: 0 0 4px 4px;
box-shadow: 0 1px 1px #d3d3d3;
}
#content p {
margin: 15px 0;
}
#content-body.no-header {
border-radius: 4px !important;
border-bottom: 1px solid #e5e5e5;
}
#content-head span.bar {
padding: 0 3px;
color: #aaa;
}


/* -----------------------
-------- Footer ---------
------------------------ */

#footer {
margin: 0 auto 0 auto;
padding-bottom: 80px;
text-align: center;
}
#footer p {
color: #888;
}
#footer p span {
color: #ccc;
padding: 0 10px;
}
#footer a {
color: #888;
border: none;
text-decoration: none;
}
#footer div.wrap {
padding: 0;
position: static;
}


/* -----------------------
--------- Info ----------
------------------------ */

p.code {
background: #fff;
border: 1px dashed #aaa;
padding: 15px 10px;
margin: 10px 0;
color: #666;
font-family: 'Monaco', 'Courier New', Courier, monospace;
font-size: 12px;
}
p.code textarea {
width: 100%;
border: none;
background: #fff;
padding: 15px 10px;
margin: 10px 0;
color: #666;
font-family: 'Monaco', 'Courier New', Courier, monospace;
font-size: 12px;
}


pre {
font-size: 12px;
margin: 0.5em 0;
}
.list1 {
margin: 0.5em 0;
padding-left: 25px !important;
}

.blank {
direction: ltr;
padding: 15px 20px 10px 20px;
text-align: center;
margin: 20px 60px 15px 60px;
border-radius: 15px;
border: 3px dashed #eee;
background: #fff;
}
.blank h2 {
margin: 10px 0 20px 0 !important;
color: #95b56d;
font-weight: bold;
}
.blank p {
margin: 15px 0 !important;
}

#survey .blank {
font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
padding: 15px 10px 15px 10px !important;
width: 80%;
margin: 30px auto 30px auto;
}
#survey .blank-light {
text-align: center;
border-radius: 15px;
border: 3px dashed #eee;
background: #fff;
padding: 15px 10px 15px 10px !important;
width: 80%;
margin: 30px auto 30px auto;
}
#survey .blank-light h2 {
margin: 10px 0 20px 0 !important;
color: #95b56d;
font-weight: bold;
}
#survey .blank-light p {
margin: 15px 0 !important;
}


/* -----------------------
---- Upgrade Message ----
------------------------ */

.upgrade-message {
background: #fce9a9;
border-top: 2px solid #e0b05c;
border-bottom: 2px solid #e0b05c;
color: #444;
padding: 5px 10px;
text-align: center;
margin: 20px 0 25px 0 !important;
text-align: left;
}
.upgrade-message h4 {
font-weight: bold;
font-size: 13px;
border: none;
}
.upgrade-message ul {
margin-left: 1em;
list-style: none;
}
.upgrade-message li {
background: url(../pics/icon-ok.gif) 0px 4px no-repeat;
padding: 1px 0 3px 24px;
}
.upgrade-message em {
font-style: normal;
}
.upgrade-message input {
margin-right: 5px;
}


#upgrade-content {
margin: 20px auto -10px auto;
width: 960px;
background: #fff;
padding: 10px 30px 10px 30px;
box-shadow: 0 1px 1px #d3d3d3;
border-radius: 4px !important;
border: 1px solid rgba(225, 171, 100, 0.33);
border-bottom: 1px solid #e1ab64;
background: #fce1b0;
}
#upgrade-content h4 {
font-weight: bold;
font-size: 13px;
border: none;
}
#upgrade-content ul {
margin-left: 0;
list-style: none;
}
#upgrade-content li {
padding-bottom: 2px;
}
#upgrade-content li i {
color: #589b4f;
font-size: 14px;
}
#upgrade-content em {
font-style: normal;
}
#upgrade-content input {
margin-right: 5px;
}
#upgrade-content h3 i.close {
float: right;
cursor: pointer;
color: #000;
opacity: 0.5;
}
#upgrade-content a {
color: #888;
border-bottom: 1px solid #bbb;
}



#upgrade-content h3 i.upgrade {
float: left;
color: #e2a66a;
font-size: 150px;
opacity: 0.3;
padding-right: 45px;
padding-bottom: 60px;
padding-top: 35px;
padding-left: 0px;
}


/*
#upgrade-content h3 i.upgrade {
float: right;
color: #000;
font-size: 150px;
opacity: 0.1;
padding-right: 80px;
padding-top: 35px;
}
*/


#upgrade-content-small {
margin: 20px auto -10px auto;
width: 960px;
background: #fff;
padding: 10px 30px 10px 30px;
box-shadow: 0 1px 1px #d3d3d3;
border-radius: 4px !important;
border: 1px solid rgba(225, 171, 100, 0.33);
border-bottom: 1px solid #e1ab64;
background: #fce5ad;
background: #fce1b0;
}
#upgrade-content-small i.upgrade {
color: #e2a66a;
font-size: 20px;
opacity: 0.5;
padding-right: 10px;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 0	;
}
#upgrade-content-small span {
/*
position: relative;
top: -2px;
*/
}
#upgrade-content-small input {
margin-left: 5px;
}
#upgrade-content-small a {
/*color: #777;*/
/*border-bottom: 1px solid #ccc;*/
}


/* -----------------------
------- Pagination ------
------------------------ */

div.pagination {
text-align: right;
margin: 10px 0 0 0;
color: #444;
padding: 10px 0;
font-size: 0;
}
div.pagination em {
background: #e5e5e5;
padding: 5px 11px !important;
text-decoration: none;
border: 1px solid #ddd;
border-right: none;
color: #444;
cursor: default;
}
div.pagination a {
background: #fafafa;
padding: 5px 11px !important;
text-decoration: none;
border: 1px solid #ddd;
border-right: none;
}
div.pagination span.pagination-label {
padding-right: 8px;
}
div.pagination span.ellipsis {
background: none;
color: #777;
padding: 5px 5px !important;
text-decoration: none;
border: 1px solid #ccc;
border-right: none;
border-top: none;
border-bottom: none;
}
div.pagination span, div.pagination em, div.pagination a {
font-size: 13px;
font-style: normal;
}


div.pagination a:hover {
background: #fafafa !important;
}
div.goto {
display: inline;
color: #444;
}

div.pagination .first {
border-radius: 3px 0 0 3px;
}
div.pagination .last {
border-right: 1px solid #ddd;
border-radius: 0 3px 3px 0;
}
div.pagination .last:hover {
border-right: 1px solid #ddd;
}

table.tpagination {
width: 100%;
border-collapse: collapse;
}
table.tpagination td {
padding: 0 !important;
border: none !important;
}
table.tpagination div.pagination {
margin: 0 0 0 0;
}

table.ptop { margin: 10px 0 5px 0; }
table.pbottom { margin: 5px 0; }

table.l_pg td { text-align: left; }
table.l_pg div.pagination { float: left; }
table.l_pg div.goto { margin-left: 10px; }

table.r_pg td { text-align: right; }
table.r_pg div.pagination { }
table.r_pg div.goto { margin-left: 10px; float: right; }

table.l_gp td { text-align: left; }
table.l_gp div.pagination {  float: left; }
table.l_gp div.goto { margin-right: 10px; float: left; }

table.r_gp td { text-align: right; }
table.r_gp div.pagination { float: right; }
table.r_gp div.goto { margin-right: 10px; float: right; }

table.l_p td {  }
table.l_p div.pagination { text-align: left; }

table.r_p td { }
table.r_p div.pagination { text-align: right; }

.pagination-label { margin-left: 20px; }
.pagination-goto { margin-left: 20px; }


/* -----------------------
-------- Tables ---------
------------------------ */

table {
border-collapse: collapse;
}
table.structural {
width: 100%;
}
table.structural th, table.structural td {
padding: 0 !important;
border: none !important;
}
table.structural tr td div.pagination {
margin: 0 0 0 0;
}


table.structural-2col {
width: 100%;
}
table.structural-2col th, table.structural-2col td {
padding: 0;
border: none;
}
table.structural-2col td {
vertical-align: top;
}
table.structural-2col td.col1 {
width: 465px;
padding-right: 30px !important;
}
table.structural-2col td.col2 {
width: 465px;
}

.pbuttons {
text-align: right;
margin-top: 1.25em !important;
margin-bottom: 0 !important;
clear: both;
}
.pbuttonsleft {
text-align: left;
margin-top: 1.25em !important;
margin-bottom: 0 !important;
}
.pbuttonstop {
text-align: right;
margin-top: 0.75em !important;
margin-bottom: 0.5em !important;
}
.pbuttons-inline {
margin-top: 25px !important;
}
.pbuttons-inline input {
margin-top: -6px !important;
}
.pbuttons-inline span {
padding: 0 2px;
}


/* -----------------------
----- Survey List -------
------------------------ */

table.slistheader {
width: 100%;
margin: 10px 0 15px 0;
}
table.slistheader td {
vertical-align: middle;
}
table.slistheader h1 {
margin: 15px 0 20px 0 !important;
}
table.slistheader h4 {
border: none;
padding: 0;
margin: 0;
}
table.slistheader td.col1 {
height: 40px;
vertical-align: middle;
}
table.slistheader td.col2 {
width: 50%;
height: 40px;
vertical-align: bottom;
text-align: right;
}
table.slistheader .ddmenu {
padding-right: 0;
}
table.slistheader .ddmenu, table.slistheader .ddlabel {
float: right;
}


table.surveyslist {
width: 100%;
margin: 15px 0;
}
table.surveyslist th {
padding: 6px 10px;
background: #e5e5e5;
color: #555;
font-weight: normal;
text-align: left;
border-bottom: 1px solid #ccc;
}
table.surveyslist td {
padding: 8px 10px;
background: #fafafa;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
}
table.surveyslist a {
border: none;
}
table.surveyslist td p.slsurveytitle {
margin: 0 0 3px 0 !important;
}
table.surveyslist td p.slsurveytitle a {
font-weight: normal;
text-decoration: none;
font-size: 16px;
padding: 0 0 2px 0;
color: #000 !important;
}
table.surveyslist td p.slsurveytitle .limit {
padding: 2px 4px;
margin-left: 5px;
font-style: italic;
font-size: 12px;
/*
background: #fcf2ae;
color: #6f6441 !important;
background: rgba(255,227,170,0.8) !important;
*/
background: #ffe3aa !important;
color: #7f5220 !important;
opacity: 0.90;
}
span.private-survey {
padding: 2px 2px;
margin-left: 5px;
font-style: italic;
font-size: 12px;
}

table.surveyslist td p.slsurveydetails {
margin: 3px 0 0 0 !important;
}
table.surveyslist td p.slsurveydetails span {
font-size: 12px;
color: #888;
}
table.surveyslist tr.sort th {
background: #eee;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
color: #888;
}

/* COLS */
table.surveyslist td.col1, table.surveyslist td.col3, table.surveyslist td.col4, table.surveyslist td.col5, table.surveyslist td.col6 {
padding-top: 11px;
vertical-align: top;
}

/* COL1 */
table.surveyslist tr th.col1 {
text-align: center;
}
table.surveyslist tr td.col1 {
text-align: center;
width: 55px;
vertical-align: top;
}
table.surveyslist tr td.col1 a, table.surveyslist tr td.col1 strong {
text-decoration: none;
display: block;
text-align: center;
padding: 0px 5px 1px 4px !important;
font-weight: bold;
margin: auto;
position: relative;
border-radius: 3px;
}

table.surveyslist tr.sopen td.col1 a, table.surveyslist tr.sopen td.col1 a:hover, table.surveyslist tr.sopen td.col1 strong {
color: #d2edbe;
background: #7da054;
}
table.surveyslist tr.sclosed td.col1 a, table.surveyslist tr.sclosed td.col1 a:hover, table.surveyslist tr.sclosed td.col1 strong {
color: #ccc;
background: #555;
}


/* COL3, COL4, COL5 */
table.surveyslist th.col3, table.surveyslist th.col4 {
text-align: center;
}
table.surveyslist th.col3, table.surveyslist th.col4 {
padding-left: 0;
padding-right: 0;
width: 75px;
}
table.surveyslist th.col5 {
padding-left: 14px;
}
table.surveyslist td.col3, table.surveyslist td.col4, table.surveyslist td.col5 {
text-align: center;
white-space: nowrap;
padding-left: 0;
padding-right: 0;
}
table.surveyslist td.col3 a, table.surveyslist td.col4 a, table.surveyslist td.col5 a {
text-decoration: none;
color: #555;
}
table.surveyslist td.col5 {
width: 1px;
white-space: nowrap;
text-align: left;
padding-left: 19px;
}
table.surveyslist td.col5 table td.vamiddle {
padding-left: 5px !important;
}
table.surveyslist td.col5 a span {
margin-bottom: 4px;
padding-left: 4px;
}
table.surveyslist td.col3, table.surveyslist td.col4, table.surveyslist td.col5 {
padding-top: 17px;
}
table.surveyslist tr td a.slicon, table.surveyslist tr td span.slicon-disabled {
border: 1px solid #c0c0c0;
position: relative;
border-radius: 5px;
background: #f3f3f3;
background: linear-gradient(#fff, #e7e7e7);
}
table.surveyslist a:active.slicon {
background: #f3f3f3;
background: linear-gradient(#e7e7e7, #fff);
}
table.surveyslist tr td.col3,
table.surveyslist tr td.col4 {
text-align: left !important; /* fixes 1px img padding right bug in chrome */
padding-left: 20px;
}



/* COL6 */
table.surveyslist td.col6 {
width: 80px;
padding-left: 20px !important;
}

/* CORNERS */
table.surveyslist th.col1 {
-webkit-border-radius: 3px 0 0 0;
-moz-border-radius: 3px 0 0 0;
border-radius: 3px 0 0 0;
}
table.surveyslist th.col6 {
-webkit-border-radius: 0 3px 0 0;
-moz-border-radius: 0 3px 0 0;
border-radius: 0 3px 0 0;
}

/* icon and button size */ 
.surveyslist .col3 img { width: 15px; height: 15px; }
.surveyslist .col4 img { width: 15px; height: 15px; }
.surveyslist .col5 img { width: 18px; height: 18px; }

.surveyslist .slicon, .surveyslist .slicon-disabled { padding: 11px 9px 4px 9px; }
.surveyslist .col3 .slicon, .surveyslist .col3 .slicon-disabled { padding: 11px 9px 4px 9px; }
.surveyslist .col5 .slicon, .surveyslist .col5 .slicon-disabled { padding: 12px 7px 3px 8px; }
.surveyslist .col5 .structural { position: relative; top: -2px; }


/* old icons, maquete only */
.surveyslist .old-icons .slicon, .surveyslist .old-icons .slicon-disabled { padding: 11px 9px 4px 9px; }
.surveyslist .old-icons .col3 .slicon, .surveyslist .old-icons .col3 .slicon-disabled { padding: 11px 9px 4px 8px; }
.surveyslist .old-icons .col5 .slicon, .surveyslist .old-icons .col5 .slicon-disabled { padding: 11px 7px 4px 8px; }


/* -----------------------
----- Channels List -----
------------------------ */

div.channels-intro {
text-align: center;
color: #888 !important;
padding: 15px 15px 15px 15px;
width: 800px;
margin: 15px auto 40px auto !important;
border-radius: 10px;
background: #f5f5f5;
}
div.channel-settings-intro {
text-align: center;
color: #888 !important;
padding: 15px 15px 15px 15px;
width: 650px;
margin: 15px auto 15px auto !important;
border-radius: 10px;
background: #f5f5f5;
}
div.invite-confirm {
text-align: center;
color: #555 !important;
padding: 15px 15px 15px 15px;
width: 650px;
margin: 15px auto 15px auto !important;
border-radius: 10px;
background: #f5f5f5;
}

a.muted {
color: #aaa !important;
border-bottom: 1px solid #ccc;
}


table.channels {
margin-top: 30px;
}
table.channels th, table.channels td {
padding: 0;
vertical-align: top;
}
table.channels td.col1, table.channels td.col2, table.channels td.col3 {
width: 300px;
}
table.channels td.col1, table.channels td.col2 {
padding-right: 30px;
}
table.channels td div.channel {
background: #fafafa;
border: 2px solid #e5e5e5;
border-radius: 3px;
padding: 10px 15px;
height: 160px;
}
div.channel-container {
}
div.channel-header {
border-bottom: 2px solid #dadada;
padding: 5px 0;
height: 28px;
}
div.channel-header h4 {
text-shadow: 1px 1px 1px rgba(255,255,255,1.0);
}
div.channel-header h4 span.description {
text-transform: none;
color: #888;
}
div.channel-header span.bullet {
color: #95b56d;
font-size: 24px;
padding-right: 5px;
}
div.channel-header .structural {
width: auto !important;
}
div.channel-header .ddmenu {
margin-left: 10px;
}


div.channel-header .channel-on, .channel-header .channel-off {
text-transform: none;
display: inline-block;
text-align: center;
width: 50px;
text-decoration: none;
padding: 1px 0px 1px 0px;
font-weight: bold;
font-size: 12px;
border: none;
border-radius: 4px;
text-shadow: none;
margin-right: 3px;
}
div.channel-header .channel-on {
color: #fff;
border-top: 1px solid #98ae84;
border-left: 1px solid #7a8f66;
border-right: 1px solid #7a8f66;
border-bottom: 1px solid #5f744a;
background: #94b472;
background: linear-gradient(#b4d09a, #7da054);
}
div.channel-header .channel-off {
color: #fff;
border-top: 1px solid #919191;
border-left: 1px solid #777777;
border-right: 1px solid #777777;
border-bottom: 1px solid #5a5a5a;
background: #949494;
background: linear-gradient(#acacac, #7e7e7e);
}
/*
div.channel-header .channel-on:active {
background: #94b472;
background: linear-gradient(#7da054, #b4d09a);
}
div.channel-header .channel-off:active {
background: #949494;
background: linear-gradient(#7e7e7e, #acacac);
}
*/
div.channel-header .channel-name {
color: #444;
border-bottom: none;
}


div.channel-body {
border-top: none;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
padding: 5px 0;
height: 130px;
}
div.channel-body p {
margin: 5px 0 !important;
padding: 0 !important;
}


table.channels td h4, table.channels td h5 {
display: inline-block;
padding: 0 !important;
margin: 0 !important;
}
table.channels td div.channel-link {
background: #95b56d;
border-radius: 3px;
margin-top: 15px;
padding: 5px 5px;
font-size: 13px;
text-align: center;
overflow: hidden;
width: 290px;
}
table.channels td div.channel-link span.link-highlight {
padding: 3px 4px;
font-weight: bold;
}

input.channel-url {
padding: 8px 8px;
width: 280px;
font-size: 13px;
color: #333;
background: #fff;
border-top: 1px solid #aaa;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
border-bottom: 1px solid #ccc;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
input.channel-url:focus {
border-color: #6599c5;
}

table.channels td div.channel-link a {
color: #fff;
border-bottom: 1px solid #ccc;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
table.channels td div.channel-link p {
color: #fff;
}
table.channels td div.channel-link a:hover {
background: none !important;
}

table.channels span.responses {
color: #888;
text-shadow: 1px 1px 1px rgba(255,255,255,1.0);
}
table.channels span.status {
color: #888;
}
table.channels span.status a {
color: #888;
border-color: #bbb;
}
table.channels p.introduction {
margin: 5px 0 10px 0 !important;
}
div.channel-buttons {
text-align: center;
margin-top: 20px;
}
table.channels td div.new-channel {
background: #fff;
border: 2px dotted #ddd;
border-radius: 3px;
padding: 10px 15px;
height: 160px;
}
div.new-channel .ddmenu {
margin-left: 52px;
}




table.channels div.drop {
width: 25px;
height: 24px;
background: url(../pics/editdrop01.gif) no-repeat;
padding: 0;
margin: 0;
display: inline-block;
}
table.channels div.dropover {
position: relative;
width: 25px;
height: 24px;
background: url(../pics/editdrop01over.gif) no-repeat;
padding: 0;
margin: 0;
float: right;
}
table.channels ul.dropactions {
position: absolute;
left: -92px;
top: 24px;
border: 3px solid #d5d5d5;
background: #fafafa;
color: #444;
list-style: none;
padding: 0 !important;
border-radius: 3px;
}
table.channels ul.dropactions li {
text-align: left;
border-bottom: 1px solid #eaeaea;
}
table.channels ul.dropactions li a {
display: block;
width: 140px;
color: #444 !important;
text-decoration: none !important;
border: none;
padding: 5px 5px 5px 15px !important;
margin-right: 0 !important;
}
table.channels ul.dropactions li a:hover {
background: #eee !important;
}
table.channels ul.dropactions li a {
background: none !important;
}


table.social-channel td {
vertical-align: top;
width: 25% !important;
padding: 0 25px 20px 0 !important;
}


.twitter-share-button {
display: block;
width: 56px;
height: 20px;
background: url(../pics/tweet-button.png) top left no-repeat;
border: none;
}

.facebook-share-button {
display: block;
width: 130px;
height: 24px;
background: url(../pics/facebook-share.png) top left no-repeat;
border: none;
}


/* -----------------------
--- Channel Settings ----
------------------------ */

div#content table.csettings td p {
margin: 10px 0;
}
div#content table.csettings td p.currentsetting {
margin-top: 10px;
}

table.csettings td {
vertical-align: top;
}
table.csettings td .settingname {
padding: 2px 0 2px 0;
margin: 5px 0 !important;
}
table.csettings td .settingname strong {
padding-left: 5px;
font-weight: normal;
}
table.csettings td .settingname .value {
color: #888;
padding-left: 5px;
}

table.csettings td .settingname span.disabled {
border-bottom: 1px solid #bbb;
color: #888;
}
table.csettings td p.sdescription {
margin: 10px 0 5px 0 !important;
}
div#content table.csettings td p.currentsetting {
font-style: italic;
}




table.csettings .ddmenu {
margin: 5px 0;
}

p.custom-setting {
margin: 0 0 0 0 !important;
color: #888;
font-size: 12px;
padding-left: 47px;
}
p.custom-setting a {
color: #888;
border-bottom: 1px solid #ccc;
}


table.csettings .settingname .switcher {
padding: 3px 17px;
border: none;
}
table.csettings .sractive .settingname .switcher {
background: url(../pics/icon_switchbutton_on_04.gif) center left no-repeat !important;
}
table.csettings .srinactive .settingname .switcher {
background: url(../pics/icon_switchbutton_off_05.gif) center left no-repeat !important;
}
table.csettings .srupgrade .settingname .switcher {
background: url(../pics/icon_switchbutton_upgrade_04.gif) center left no-repeat !important;
}


#redirectWhenCompletedTR .switch2 span {
display: none;
}


.sractive2 .switch2, .srinactive2 .switch2, .srupgrade2 .switch2, .srdisabled2 .switch2 {
color: inherit;
border: none;
}
.sractive2 .switch2 span, .srinactive2 .switch2 span, .srupgrade2 .switch2 span, .srdisabled2 .switch2 span {
display: inline-block;
text-align: center;
width: 36px;
text-decoration: none;
padding: 0px 0px 0px 0px;
font-weight: bold;
font-size: 12px;
border-radius: 4px;
}
.sractive2 .switch2 span {
color: #fff;
border-top: 1px solid #7797b1;
border-left: 1px solid #577891;
border-right: 1px solid #577891;
border-bottom: 1px solid #3a5b75;
position: relative;
background: #6f9bbd;
background: linear-gradient(#8db8d8, #5886a8);
}
.srinactive2 .switch2 span {
color: #fff;
border-top: 1px solid #919191;
border-left: 1px solid #777777;
border-right: 1px solid #777777;
border-bottom: 1px solid #5a5a5a;
position: relative;
background: #939393;
background: linear-gradient(#acacac, #7e7e7e);
}
.srupgrade2 .switch2 span {
color: #fff;
border-top: 1px solid #d0d0d0;
border-left: 1px solid #c6c6c6;
border-right: 1px solid #c6c6c6;
border-bottom: 1px solid #b8b8b8;
position: relative;
background: #d2d2d2;
background: linear-gradient(#dedede, #c8c8c8);
}
.srdisabled2 .switch2 span {
color: #fff;
border-top: 1px solid #d0d0d0;
border-left: 1px solid #c6c6c6;
border-right: 1px solid #c6c6c6;
border-bottom: 1px solid #b8b8b8;
position: relative;
background: #d2d2d2;
background: linear-gradient(#dedede, #c8c8c8);
}

.srupgrade2 .switch2 span, .srdisabled2 .switch2 span {
cursor: default;
}

.sractive2 .switch2 span:active  {
background: #6f9bbd;
background: linear-gradient(#5886a8, #8db8d8);
}
.srinactive2 .switch2 span:active  {
background: #939393;
background: linear-gradient(#7e7e7e, #acacac);
}


.srupgrade2 strong, .srdisabled2 strong {
color: #888 !important;
}

.settingname strong {
color: inherit;
border: none;
}

.channeldiff {
margin: 0 0 -5px 0 !important;
font-size: 12px;
color: #888;
}

.theme-setting div, .theme-setting form {
display: inline;
}


.csettings .upgrade {
font-style: italic;
color: #888;
}
.csettings .redirect {
font-style: italic;
color: #888;
border-bottom: 1px dotted #ccc;
}

.sredit {
background: #eee !important;
border-top: 4px solid #ccc !important;
}
.sredit input.inputtext {
background: #fff;
}
.sredit textarea {
background: #fff;
}


/* -----------------------
--------- Tabs ----------
------------------------ */


div.sec-nav {
border-bottom: 1px solid #ddd;
padding: 5px 0;
margin: 10px 0 0 0;
}
div.sec-nav a {
border: none;
padding: 4px 0px;
}
div.sec-nav a.active {
color: #333;
}
div.sec-nav span.bar {
padding: 0 10px;
color: #fff;
}
div.sec-nav a:hover span {
border-bottom: 1px solid rgba(53,137,167,0.5);
}
div.sec-nav a.active:hover span {
border-bottom: none;
}


/* -----------------------
--------- Form ----------
------------------------ */


div.form1 {
background: #fafafa;
border: 4px solid #eee;
margin: 10px 0;
padding: 0px 0px 0px 0px;
overflow: hidden;
position: relative; /* pie background fix */
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
div.form1 table {
width: 100%;
margin: 0;
border: 1px solid #ddd;
}
div.form1 table tr th  {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 14px 10px 8px 10px;
white-space: nowrap;
font-weight: normal;
text-align: left;
width: 1%;
vertical-align: top;
padding-top: 14px;
}

div.form1 table tr td {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 8px 10px 8px 10px !important;
vertical-align: middle;
}

div.form1 input {
font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
/*font-size: 13px;*/
}
div.form1 select {
font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 2px 0;
font-size: 14px;
}
div.form1 h4.flegend {
margin: 0 !important;
padding: 10px 5px 15px 10px;
color: #444;
text-transform: capitalize;
}
div.thmiddle table tr th { vertical-align: middle; }

div.form1 table tr td span.error {
background: #ffe9bd;
color: #662200;
border: none;
padding: 2px !important;
}

div.form1 table tr td p.error {
margin: 2px 0 0 0 !important;
color: #bd2626;
}
div.form1 table tr td input.error {
border: 2px solid #c95f5f;
}

div.form1 table tr td pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
width: 620px;
}


.inputtext {
font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
background: #fff;
border: 1px solid #aaa;
padding: 6px;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
}
textarea {
background: #fff;
border: 1px solid #aaa;
padding: 6px;
font-size: inherit;
font-family: inherit;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
position: relative;
}
select {
height: 26px;
line-height: 26px;
display: inline-block;
font-size: 14px;
border: 1px solid #aaa;
padding: 3px;	
font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
border-radius: 3px;
vertical-align: middle;
background: linear-gradient(#fff, #eaeaea);
}


.tiptop {
font-size: 12px;
margin: 0 0 0.5em 0 !important;
color: #888;
}
.tipbottom {
font-size: 12px;
margin: 0.5em 0 0 0 !important;
color: #888;
}
span.tipinline {
font-size: 12px;
padding-left: 4px;
color: #888;
}
span.optional {
font-size: 12px;
padding-left: 4px;
color: #888;
}
p.tipinline {
margin: 0.5em 0 0 0 !important;
font-size: 12px;
color: #888;
}


/* -----------------------
-------- Table ----------
------------------------ */


div.table-container {
margin: 10px 0;
border: 4px solid #eee;
border-radius: 6px;
}
table.table-default {
width: 100%;
border: 1px solid #ddd;
}
table.table-default th, table.table-default td {
padding: 8px 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: left;
}
table.table-default td {
background: #fcfcfc;
}

table.table-vertical th {
background: #eee;
font-weight: normal;
}
table.table-horizontal th {
white-space: nowrap;
font-weight: normal;
text-align: left;
width: 1%;
}

table.table-horizontal th, table.table-horizontal td {
background: #fafafa !important;
}

table.table-vertical th a {
color: inherit;
}
table.table-vertical th a {
border-bottom: 1px solid #bbb;
}


/* -----------------------
--------- Misc ----------
------------------------ */

/* text highlights */
.highlight1 { background: #fff3c2; color: #555; }
.highlight2 { background: #fff3c2; }

/* text-align */
.aright { text-align: right !important; }
.aleft { text-align: left !important; }
.acenter { text-align: center !important; }
/* text color */
.color555 { color: #555; }
.color777 { color: #777; }
.color888 { color: #888; }
a.color888 { border-bottom: 1px solid #aaa; }
.coloraaa { color: #aaa; }
.colorinherit { color: inherit !important; border-color: inherit !important; }
a:hover.colorinherit { background: inherit !important; }

/* text */
.smalltxt { font-size: 12px; }
.tdecnone { text-decoration: none; }
.nowrap { white-space: nowrap; }
.bold { font-weight: bold; }
.fwnormal { font-weight: normal; }
/* layout */
.fleft { float: left !important; }
.fright { float: right !important; }
.cboth { clear: both; }
.dnone { display: none; }
.dinline { display: inline; }
.posrelative { position: relative; }
.nostyle { list-style: none; }
.nostyle * { list-style: none; }
.zindex1 { z-index: 1; }
.zindex10 { z-index: 10; }
/* borders */
.bnone { border: none !important; }
.bleftnone { border-left: none !important; }
.brightnone { border-right: none !important; }
.btopnone { border-top: none !important; }
.bbottomnone { border-bottom: none !important; }
/* vertical align */
.vatop { vertical-align: top !important; }
.vamiddle { vertical-align: middle !important; }
.vabottom { vertical-align: bottom; }
.noborder { border: none !important; }
.nounderline { border: none !important; }
.underlined { text-decoration: underline !important; }

.w300 { width: 300px !important; }
.w400 { width: 400px !important; }
.w500 { width: 500px !important; }
.w600 { width: 600px !important; }
.w700 { width: 700px !important; }


.mtop4 { margin-top: 40px !important; }
.mtop3 { margin-top: 30px !important; }
.mtop25 { margin-top: 25px !important; }
.mtop2 { margin-top: 20px !important; }
.mtop15 { margin-top: 15px !important; }
.mtop1 { margin-top: 10px !important; }
.mtop05 { margin-top: 5px !important; }
.mtop025 { margin-top: 5px !important; }
.mtop0 { margin-top: 0 !important; }
.mbottom4 { margin-bottom: 40px !important; }
.mbottom3 { margin-bottom: 30px !important; }
.mbottom2 { margin-bottom: 20px !important; }
.mbottom15 { margin-bottom: 15px !important; }
.mbottom1 { margin-bottom: 10px !important; }
.mbottom075 { margin-bottom: 10px !important; }
.mbottom05 { margin-bottom: 5px !important; }
.mbottom025 { margin-bottom: 5px !important; }
.mbottom0 { margin-bottom: 0 !important; }
.mvert2 { margin: 20px 0 !important; }
.mvert15 { margin: 15px 0 !important; }
.mvert1 { margin: 10px 0 !important; }
.mvert075 { margin: 10px 0 !important; }
.mvert05 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mvert025 { margin: 5px 0 !important; }
.mvert0 { margin: 0 !important; }
.ptop05 { padding-top: 5px; }
.ptop1 { padding-top: 10px; }
.ptop2 { padding-top: 20px; }
.ptop3 { padding-top: 30px; }
.ptop4 { padding-top: 40px; }
.pbottom1 { padding-bottom: 10px !important; }
.pvert2 { padding-top: 20px; padding-bottom: 20px; }
.pleft0 { padding-left: 0; margin-left: 0; }
.pleft05 { padding-left: 5px; }
.pleft1 { padding-left: 10px; }
.pleft15 { padding-left: 15px; }
.pleft2 { padding-left: 20px; }
.pright1 { padding-right: 10px; }
.pright05 { padding-right: 5px; }
.padding05 { padding: 5px 5px !important; }
.padding0 { padding: 0; }

/* ligh link */

span.lightlink * {
border-bottom: none;
color: #888;
padding: 1px;
}
span.lightlink a {
cursor: default;
}
span.lightlink a:hover {
background: none !important;
}

table.th100px tr th { width: 100px !important; }
table.th120px tr th { width: 120px !important; }
table.th140px tr th { width: 140px !important; }
table.th160px tr th { width: 160px !important; }


/* -----------------------
----- Dropdown Menu -----
------------------------ */

div.ddmenu { }
div.ddmenu ul { background: #fff;  }
div.ddmenu ul li { background: #fff; }
div.ddmenu ul li a { color: #444 !important; border: none; }
div.ddmenu ul li .dddisabled { color: #bbb !important; }

div.menuright .ddmenu, div.menuright .ddlabel {
float: right;
padding-right: 0px;
}
div.menuright .ddlabel {
padding-left: 10px;
padding-right: 5px	;
}

div.ddmenu {
/* position: relative; */ /* commenting solved layering bug, tooltip vs dropdown in IE */ 
float: left;
cursor: default;
padding-right: 10px;
}
#optionsbar1 div.ddmenu {
padding-right: 7px;
}

div.ddmenu div.ddselected {
text-shadow: 1px 1px 1px rgb(255,255,255);
border: 1px solid #ccc;
padding: 4px 11px 4px 11px;
color: #444;
cursor: pointer;
border-radius: 5px;
background: #f9f9f9;
background: linear-gradient(#fff, #f5f5f5);
}
div.ddmenu div.ddselected span {
background: url(../pics/drop-1.gif) 100% 55% no-repeat !important;
padding-right: 17px;
}
div.no-label div.ddselected span {
background: url(../pics/drop-1.gif) 100% 55% no-repeat !important;
padding-right: 9px;
}
div.ddsmall div.ddselected {
padding: 1px 8px 1px 8px !important;
}
div.ddmenu div.ddselected a {
text-decoration: none;
}

div.ddmenu ul {
position: absolute;
margin-top: -1px;
left: 0;
list-style: none;
border: 1px solid #ccc;
background: -webkit-linear-gradient(#fff, #f5f5f5);
border-radius: 5px;
z-index: 999;
padding: 4px 0;
}
div.ddmenu ul li {
padding: 2px 48px 2px 8px;
background: none;
}
div.ddmenu ul li a {
text-decoration: none;
cursor: default;
}


div.dddisabled div.ddselected {
border: 1px solid #ddd;
background: -webkit-linear-gradient(#fff, #f5f5f5);
cursor: default;
}
div.dddisabled div.ddselected span {
background: url(../pics/drop-1.gif) 100% 55% no-repeat !important;
opacity: 0.5;
}




span.ddlabel {
float: left;
padding-top: 4px;
padding-right: 10px;
color: #444;
}

div.ddmenu div.ddlist {
position: relative;
text-align: left !important;
}
div.ddmenu ul li.ddpage {
font-weight: bold;
}
div.ddmenu div.ddlist ul li a {
text-decoration: none !important;
white-space: nowrap;
background: none !important;
}
div.ddmenu div.ddlist ul li span { 
white-space: nowrap; /* for channels select menu */
}

/* open/close the menu*/
div.ddmenu div.ddopen { display: block; }
div.ddmenu div.ddclosed { display: none; }

/* checkbox */
div.ddmenu ul li.ddchecked {
padding-left: 16px;
background: url(../pics/check01.gif) 4px 4px no-repeat;
}

div.ddlist .ddline {
display: block;
border-bottom: 1px solid #ddd;
margin-right: -38px;
}

/* class switch para background */
div.ddmenu div.ddlist ul li.mover { background: #ddd !important; }

/* edit survey */
.ddpage { }
.ddquestion { padding-left: 1em !important; }
.ddelement { padding-left: 1em !important; }

/* survey list */
.surveyslist .ddmenu {
float: none;
width: 133px;
color: #444;
margin-right: -10px;
}

.surveyslist .ddmenu ul li a:hover { background: none !important; }
.surveyslist .ddmenu ul li a { color: #444 !important; }
.surveyslist .ddmenu ul { width: 130px; }



div.ddmenu2 {
cursor: default;
display: inline;
padding: 0 20px !important;
}

div.ddmenuleft div.ddselected {
font-size: 24px;
}
div.ddmenuleft div.ddselected a {
color: #264e12;
text-decoration: none;
}
div.ddmenuleft div.ddselected span {
color: #264e12;
}
div.ddmenuleft div.ddselected a:hover {
text-decoration: underline;
}
div.ddmenuright div.ddselected {
font-size: 16px;
}
div.ddmenuright div.ddselected a {
color: #264e12;
text-decoration: none;
}
div.ddmenuright div.ddselected a:hover {
text-decoration: underline;
}
div.ddmenuright div.ddselected span {
color: #264e12;
}
div.ddmenu2 div.ddselected {
padding: 5px 27px 6px 0;
background: url(../pics/drop01.gif) right 0.3em no-repeat;
color: #444;
}
div.ddmenu2 div.ddselected[class] { /* all except <= ie6 */
padding: 5px 27px 6px 0;
background: url(../pics/drop01.gif) right 0.3em no-repeat;
}
div.ddmenu2 div.ddlist {
position: relative;
text-align: left !important;
}
div.ddmenu2 div.ddlist ul {
position: absolute;
margin-top: 0px;
list-style: none;
}
div.ddmenu2 div.ddlist ul li a {
text-decoration: none;
cursor: default !important;
white-space: nowrap;
}
div.ddmenu2 ul { background: #fff; border: 4px solid #ccc; }
div.ddmenu2 ul li {  border-bottom: 1px solid #ccc; }
div.ddmenu2 ul li a { color: #1b6abb !important; }
div.ddmenu2 ul li.mover { background: #eee; }
div.ddmenu2 ul li.mover a { /*border-bottom: 1px solid #8db4dd !important;*/ }

div.ddmenu2 ul li .dddisabled { color: #555 !important; }
div.ddmenu2 div.ddlist ul li span { 
white-space: nowrap; /* for channels select menu */
}

/* open/close the menu*/
div.ddmenu2 div.ddopen { display: block; }
div.ddmenu2 div.ddclosed { display: none; }

div.ddmenuleft { float: left; }
div.ddmenuleft div.ddlist ul { right: 20px; top: 4px;}
div.ddmenuleft div.ddlist[class] ul { right: 0; top: 0; } /* all except <= ie6 */
div.ddmenuleft div.ddlist ul li { padding: 3px 40px 3px 8px; }

div.ddmenuright { float: right; }
div.ddmenuright div.ddlist ul { right: 20px; top: 4px;}
div.ddmenuright div.ddlist[class] ul { right: 0; top: 0; } /* all except <= ie6 */
div.ddmenuright div.ddlist ul li { padding: 3px 30px 3px 8px; }



/* -----------------------
-------- Buttons --------
------------------------ */

.bprimary {
font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-size: 14px;
vertical-align: top;
padding: 7px 15px 7px 15px;
color: #fff;
font-weight: bold;
cursor: pointer;
position: relative; /* pie background fix */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: inset 0 1px 0 #a2bed3, 0 1px 2px #bbb;
border: 1px solid #5f7684;
text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.25);
background: #6d98b9;
background: linear-gradient(#8baec9, #5687ad);
}

.bprimary:hover {
background: #5687ad;
}

.bprimary:active {
padding: 7px 15px 7px 15px;
background: #6d98b9;
background: linear-gradient(#5687ad, #8baec9);
}

a.bprimary {
display: inline-block;
}


.bsecondary {
font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-size: 14px;
vertical-align: top;
padding: 7px 15px 7px 15px;
color: #777;
font-weight: bold;
cursor: pointer;
position: relative; /* pie background fix */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: inset 0 1px 0 #fafafa, 0 1px 2px #ccc;
border: 1px solid #a2a2a2;
background: #f0f0f0;
background: linear-gradient(#fff, #e5e5e5);
}
.bsecondary:hover {
background: #e5e5e5;
}
.bsecondary:active {
padding: 8px 15px 6px 15px;
padding: 7px 15px 7px 15px;
background: linear-gradient(#e5e5e5, #fff);
}


.bsecondary-small {
font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-size: 14px;
vertical-align: top;
padding: 4px 11px 5px 11px;
color: #777;
font-weight: bold;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
border: 1px solid #a2a2a2;
background: #f1f1f1;
background: linear-gradient(#fff, #e5e5e5);
}
.bsecondary-small:hover {
background: #e5e5e5;
}
.bsecondary-small:active {
padding: 4px 11px 5px 11px;
background: linear-gradient(#e5e5e5, #fff);
}


.bdisabled {
font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-size: 14px;
vertical-align: top;
padding: 7px 15px 7px 15px;
color: #bbb;
font-weight: bold;
cursor: pointer;
position: relative; /* pie background fix */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: inset 0 1px 0 #fafafa, 0 1px 2px #ccc;
border: 1px solid #ccc;
background: linear-gradient(#fff, #eee);
}


.button-link {
position: relative; /* pie background fix */
display: inline-block;
text-shadow: 1px 1px 1px rgb(255,255,255);
vertical-align: top;
padding: 4px 11px 4px 11px;
border: 1px solid #b9d0da;
color: #5087a8;
font-weight: bold;
cursor: pointer;
border-radius: 5px;
background: #e9f1f4;
background: linear-gradient(#fefefe, #dbe7ec);
}
.button-link:hover {
background: #dbe7ec;
}
.button-link:active {
/*padding: 4px 11px 4px 11px;*/
background: -webkit-linear-gradient(#dbe7ec, #fefefe);
}

.button-link-secondary {
display: inline-block;
text-shadow: 1px 1px 1px rgb(255,255,255);
vertical-align: top;
padding: 3px 11px 3px 11px;
border: 1px solid #ccc;
color: #848484;
font-weight: bold;
cursor: pointer;
border-radius: 5px;
background: -webkit-linear-gradient(#fefefe, #e5e5e5);
}
.button-link-secondary:hover {
background: #e5e5e5;
}
.button-link-secondary:active {
padding: 3px 11px 3px 11px;
background: -webkit-linear-gradient(#e5e5e5, #fefefe);
}


.button-link-on {
display: inline-block;
vertical-align: top;
padding: 3px 8px 3px 8px;
border: 1px solid #92ad70;
border-right-color: #748f52;
border-left-color: #748f52;
border-bottom-color: #536e30;
color: #fff;
font-weight: bold;
cursor: pointer;
border-radius: 5px;
background: -webkit-linear-gradient(#b5d789, #7fa34f);
}
.button-link-on:hover {
background: #dbe7ec;
}
.button-link-on:active {
padding: 4px 11px 2px 11px;
padding: 3px 11px 3px 11px;
background: -webkit-linear-gradient(#b5d789, #7fa34f);
}


/* -----------------------
---- Error / Success ----
------------------------ */


div.error, span.error {
padding: 10px 15px 10px 40px !important;
margin: 15px 0;
border-radius: 3px;
background: #bb3737 url(../pics/icon-error-message.png) 14px 13px no-repeat;
background-image: url(../pics/icons-svg/icon-error-message.svg), none; /* SVG fallback for IE8 */
background-size: 13px;
color: #fff;
font-weight: bold;
}
div.error p {
margin: 0 !important;
color: #662200 !important;
}
span.error {
background: #ffe9bd url(../pics/icon_error.gif) 8px 5px no-repeat;
}
div.error ul {
margin: 0 0 0 0;
padding-left: 20px !important;
}
div.no-icon {
padding: 10px 15px 10px 15px !important;
background-image: none !important;
}


.success {
padding: 10px 15px 10px 40px !important;
margin: 15px 0;
border-radius: 3px;
background: #6e9243 url(../pics/icon-success-message.png) 14px 13px no-repeat;
background-image: url(../pics/icons-svg/icon-success-message.svg), none; /* SVG fallback for IE8 */
background-size: 16px;
color: #fff;
font-weight: bold;
}
.success2 {
background: #ddf3c2;
color: #336708;
padding: 4px 8px 4px 8px !important;
}
.success3 {
background: #def8be;
color: #326F00;	
padding: 5px 5px 5px 5px !important;
}


.warning, .warning2 {
padding: 10px 15px 10px 45px !important;
margin: 15px 0;
border-radius: 3px;
background: #cb8a40 url(../pics/icon-warning-message.png) 14px 12px no-repeat;
background-image: url(../pics/icons-svg/icon-warning-message.svg), none; /* SVG fallback for IE8 */
background-size: 16px;
color: #fff;
font-weight: bold;
}
.warning a {
color: #fff;
border-bottom: 1px solid #edd6bc;
}
.warning3 {
background: #ffefaa;
color: #5d4517;
padding: 4px 8px 4px 8px !important;
}

div.warningclose {
float: right;
position: relative;
top: -15px;
width: 60px;
text-align: right;
margin: 15px 0;
}
div.warningclose a {
color: #fff;
border: none;
padding-left: 12px;
}
div.warningclose a:hover {
}
div.warningclose a span {
border-bottom: 1px solid rgba(255,255,255,0.5);
}


.delete {
background: #ffefaa;
border-top: 2px solid #e6b75e;
border-bottom: 2px solid #e6b75e;
color: #7C5C1E;
padding: 6px 10px 6px 10px !important;
margin: 1em 0;
line-height: 1.6em;
}

.notice {
background: #ffefaa;
border-top: 2px solid #e6b75e;
border-bottom: 2px solid #e6b75e;
color: #7C5C1E;
padding: 9px 15px 7px 15px !important;
margin: 0.5em 0 1.5em 0;
line-height: 1.6em;
}
.notice h3 {
color: #7C5C1E;
border: none;
margin: 0 0 0.5em 0 !important;
padding: 0;
}
.notice p {
margin: 0.5em 0 !important;
padding: 0;
}


div.upgrade {
	background: #fce1b0;
	color: inherit;
padding: 6px 20px 6px 20px !important;
margin: 10px 0;
border-radius: 3px;
}
.big {
font-size: 16px !important;
line-height: 30px !important;
}

.tip {
background: #fff6aa url(../pics/lightbulb.gif) 8px 8px no-repeat;
border-top: 2px solid #e6c25e;
border-bottom: 2px solid #e6c25e;
color: #4e4220;
padding: 6px 10px 6px 30px !important;
margin: 1em 0;
line-height: 1.6em;
}

.info-container {
margin: 25px 0 25px 0 !important;
padding: 5px 25px 5px 25px;
border-radius: 3px;
/*background: #fafaf0;*/
background: #ffe3aa;
color: #7f5220;
}
.info-container ul li {
margin-left: 20px;
}

/* -----------------------
-------- Welcome --------
------------------------ */

.welcome .intro {
font-size: 15px;
line-height: 25px;
}
.welcome h1 {
margin-top: 25px !important;
margin-bottom: 25px !important;
}
.get-started {
margin: 50px 0 40px 0;
}
.welcome .step1, .welcome .step2, .welcome .step3, .welcome .step4 {
width: 210px;
float: left;
/*background: #eee;*/
}
.welcome .step1, .welcome .step2, .welcome .step3 {
margin-right: 0px;
}
.welcome .step1 h2, .welcome .step2 h2, .welcome .step3 h2, .welcome .step4 h2 {
height: 34px;
/*background: #eee;*/
font-size: 15px;
font-weight: bold;
padding: 6px 0 0 45px;
}
.get-started p {
margin-top: 5px !important;
}

.welcome .step1 h2 { background: url(../pics/step1.png) top left no-repeat !important; }
.welcome .step2 h2 { background: url(../pics/step2.png) top left no-repeat !important; }
.welcome .step3 h2 { background: url(../pics/step3.png) top left no-repeat !important; }
.welcome .step4 h2 { background: url(../pics/step4.png) top left no-repeat !important; }

.welcome .arrow {
width: 38px;
height: 160px;
float: left;
background: url(../pics/welcome-arrow.png) 8px 50px no-repeat !important;
}

.welcome .support {
margin: 30px 0 10px 0 !important;
text-align: center;
color: #888;
}


#welcome-call {
text-align: center;
margin: 10px 0 0 0;
}

/*
#welcome-call .button-link {
display: inline-block;
text-shadow: none;
vertical-align: top;
padding: 3px 11px 3px 11px;
padding: 5px 11px 5px 11px;
border: none !important;
border-bottom: 1px solid #5a842d;
color: #fff;
font-weight: bold;
cursor: pointer;
border-radius: 5px;
background: #69933c;
background: #789e4f;
background: #7fa359;
}
#welcome-call .button-link:hover {
background: #7fa359;
}
#welcome-call .button-link:active {
padding: 3px 11px 3px 11px;
background: #7fa359;
}
*/



/* -----------------------
----- View Channel -----
------------------------ */


div.cdetails {
margin-bottom: 1.0em;
}
div.cdetails table {
width: 100%;
color: #333;
}
div.cdetails table th {
font-weight: normal;
text-align: left;
}
div.cdetails table td.col1 {
width: 50%;
padding: 0;
padding-right: 0.25em;
}
div.cdetails table td.col2 {
width: 50%;
padding: 0;
padding-left: 0.25em;
}
div.cdetails div.box {
border: 1px solid #ccc;
background: #fafafa;
padding: 0.25em 0.75em;
}
div.cdetails table table {
width: 98%;
}
div.cdetails table table th, div.cdetails table table td {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 0.5em 0;
}
div.cdetails table table th {
width: 2%;
white-space: nowrap;
padding-right: 1em;
}

div.cdetails span.limit {
background: #fff6aa;
padding: 2px 4px;
text-align: center;
margin-left: 0.5em;
color: #4e4220 !important;
font-style: italic;
font-size: 12px;
}


/* -----------------------
------ Emails List ------
------------------------ */


table.table-header {
width: 100%;
margin: 5px 0 10px 0;
}
table.table-header td {
vertical-align: bottom;
}
table.table-header h5, table.table-header h6 {
margin-bottom: 0;
padding-bottom: 5px;
display: inline-block;
}

table.table-header td.col2 {
text-align: right;
}
table.table-header td.col2 div.ddmenu {
float: right;
padding-right: 0;
margin-left: 10px;
}
table.table-header td.col2 a.button-link {
float: right;
margin-left: 10px;
}


table.emails-list th.col1 {
text-align: center;
}
table.emails-list td.col1 span {
display: block;
text-align: center;
}
table.emails-list td.col2 {
font-size: 12px;
color: #888;
}
table.emails-list td.col2 span {
white-space: nowrap;
}
table.emails-list th.col5, table.emails-list td.col5 {
text-align: center;
}
table.emails-list td.col6 {
text-align: right;
}
table.emails-list td.col6 span {
white-space: nowrap;
color: #888;
}


div.emails-list-info {
text-align: center;
color: #888 !important;
padding: 15px 15px 15px 15px;
width: 500px;
margin: 15px auto 15px auto;
border-radius: 10px;
background: #f5f5f5;
}
div.emails-list-info span.bar {
color: #ccc;	
}

div.emails-list-info a {
color: #888;
border-bottom: 1px solid #ccc;
}


/* -----------------------
----- Contacts List -----
------------------------ */


table.contacts-list-header { width: 100%; margin-top: 10px; }
table.contacts-list-header h5 { margin-bottom: 0px; }
table.contacts-list-header .ddmenu, table.contacts-list-header .ddlabel { float: right; }
table.contacts-list-header td.col1 { width: 40%; }
table.contacts-list-header td.col2 { vertical-align: bottom; text-align: right; }
table.contacts-list-header td.col2 span { }
table.contacts-list-header td.col2 span.link { float: right; margin-left: 10px; }
table.contacts-list-header div.ddmenu { padding: 0 0 0 10px; }


table.contactslist tr th.col4 { text-align: left; }
table.contactslist tr td.col4 { text-align: left; }


a.aactionadd {
padding-left: 19px !important;
padding-top: 1px;
background: url(../pics/icon-add.gif) left no-repeat !important;
border-bottom: none;
}
a.aactionadd span {
border-bottom: 1px solid #5f88da;
}
a.aactiondelete {
padding-left: 18px !important;
padding-top: 1px;
background: url(../pics/icon-remove.gif) left no-repeat !important;
border-bottom: none;
}
a.aactiondelete span {
border-bottom: 1px solid #5f88da;
}
a.aactionremove {
padding-left: 18px !important;
padding-top: 1px;
background: url(../pics/icon_delete.gif) left no-repeat !important;
border-bottom: none;
}
a.aactionremove span {
border-bottom: 1px solid #5f88da;
}
a.aactionemail {
padding-left: 21px !important;
padding-top: 0;
background: url(../pics/icon_email.gif) left no-repeat !important;
border-bottom: none;
}
a.aactionemail span {
border-bottom: 1px solid #5f88da;
}
a.aactionlink {
padding-left: 21px !important;
padding-top: 2px;
padding-bottom: 1px;
background: url(../pics/icon_application_go.gif) left no-repeat !important;
border-bottom: none;
}
a.aactionlink span {
border-bottom: 1px solid #5f88da;
}
a.aactionhtml {
padding-left: 21px !important;
padding-top: 1px;
background: url(../pics/icon_html.gif) left no-repeat !important;
border-bottom: none;
}
a.aactionhtml span {
border-bottom: 1px solid #5f88da;
}
a.aactionedit {
padding-left: 21px !important;
padding-top: 1px;
background: url(../pics/icon-edit.gif) left no-repeat !important;
border-bottom: none;
}
a.aactionedit span {
border-bottom: 1px solid #ccdbe4;
}
a.aactionsave {
padding-left: 21px !important;
padding-top: 3px;
background: url(../pics/disk.png) left no-repeat !important;
border-bottom: none;
}
a.aactionsave span {
border-bottom: 1px solid #5f88da;
}
a.aactionduplicate {
padding-left: 21px !important;
padding-top: 3px;
background: url(../pics/icon-duplicate.gif) left no-repeat !important;
border-bottom: none;
}
a.aactionduplicate span {
border-bottom: 1px solid #5f88da;
}

a.aactionadd:hover span,
a.aactiondelete:hover span,
a.aactionremove:hover span,
a.aactionemail:hover span,
a.aactionlink:hover span,
a.aactionhtml:hover span,
a.aactionedit:hover span,
a.aactionsave:hover span,
a.aactionduplicate:hover span {
background: #e2efff;
}

/* ----------------------------
--------- Tooltip ------------
----------------------------- */

.ttip1, .ttip2, .ttip3, .ttip-addlogic {
position: relative; /* taking this solved the tooltip problem in exit survey link. TODO: class ttip3 para exit survey link */
}


.ttip1 .ttipcontent, .ttip2 .ttipcontent, .ttip3 .ttipcontent, .ttip-addlogic .ttipcontent {
position: absolute;
width: 200px !important;
background: #efa;
padding: 5px 7px;
border: 3px solid #5e869c;
border-radius: 2px;
background: #396175;
color: #fff !important;
white-space: normal;
text-align: left;
font-size: 13px !important;
display: none;
z-index: 10;
}

.ttip1 .ttipcontent p, .ttip2 .ttipcontent p, .ttip3 .ttipcontent p, .ttip-addlogic .ttipcontent p {
margin: 0 !important;
padding: 0 !important;
}

.ttip1 .ttipcontent {
left: 20px;
top: 20px;
}
p.snav .ttip1 .ttipcontent { left: 20px; top: 25px; } /* ie fix */
p.snav[class] .ttip1 .ttipcontent { left: 20px; top: 20px; }
*+html p.snav[class] .ttip1 .ttipcontent { left: 20px; top: 28px; } /* #823 - IE7 and IE5 only - http://www.centricle.com/ref/css/filters/ */

.ttip2 .ttipcontent {
right: 10px;
top: 20px;
}
.ttip3 .ttipcontent {
right: 10px;
top: 30px;
}

.ttip-addlogic .ttipcontent {
left: 85px;
top: -30px;
}

.ttipmover .ttipcontent {
display: inline;
}
.ttipmover {
position: relative;
}

.ttipcontent a {
color: #fff !important;
border-bottom: 1px solid #ddd !important;
}

table.surveyslist tr td .ttip1 .ttipcontent a:hover {
background: none !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { body:first-of-type .tslist2 .ttipmover { padding-left: 0px; } /* Safari - survey list only */ }


/* ----------------------------
-------- New Email -----------
----------------------------- */

table.trecipients td.col1 {
width: 1%;
}
table.trecipients td.col3 {
width: 1%;
text-align: right;
}

table.tdelivery td.col1 {
width: 1%;
}
table.tdelivery td.col2 {
}


/* ----------------------------
-------- View Email ----------
----------------------------- */

table.cviewemail {
width: 100%;
border: 1px solid #ccc;
margin: 0 0 1em 0;
}
table.cviewemail td {
padding: 8px 10px;
background: #fafafa;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

span.draft {
background: #f0f0b7;
color: #6b6b17;
padding: 0.1em 0.5em;
}
span.scheduled {
background: #c7dcf0;
color: #173c8b;
padding: 0.1em 0.5em;
}
span.sent {
background: #c7f0c7;
color: #178b17;
padding: 0.1em 0.5em;
}


/* -----------------------
------ Edit Survey ------
------------------------ */

#survey div.page-block {
border: 1px solid #d0d0d0;
background: #eee;
border-radius: 3px;
padding: 15px;
padding-left: 0;
margin-bottom: 30px;
}

table.page-title {
width: auto;
margin: 20px 0 15px 0;
}
table.page-title th {
padding: 0 16px !important;
border: none !important;
font-weight: normal;
}
table.page-title td {
padding: 0 !important;
border: none !important;
}
table.page-title select {
vertical-align: baseline;
}


.tpreview {
padding: 0 !important;
border: 1px solid #ddd !important;
}

table.editsurveyoptions {
margin-top: 10px;
}
table.editsurveyoptions td.col1 {
vertical-align: middle;
padding: 0;
font-size: 12px;
color: #666;
}
table.editsurveyoptions td.col2 {
text-align: right;
vertical-align: top;
white-space: nowrap;
}
table.editsurveyoptions td.col2 span.ddlabel {
float: right;
}
table.editsurveyoptions td.col2 div.ddmenu {
float: right;
}


div.drop2, div.drop2over {
width: 25px;
height: 24px;
cursor: default;
border: 1px solid #b2b2b2;
color: #444;
cursor: pointer;
border-radius: 5px;
position: relative;
background: #f5f5f5;
background: linear-gradient(#fff, #ececec);
}
div.drop2 span, div.drop2over span {
display: block;
width: 25px;
height: 24px;
background: url(../pics/drop-2.gif) 8px 10px no-repeat !important;
}
div.drop2over {
position: relative;
width: 23px;
height: 22px;
border: 2px solid #a8d9a0;
}
div.drop2over span {
background: url(../pics/drop-2.gif) 7px 9px no-repeat !important;
}


ul.dropactions {
position: absolute;
left: 0;
border: 1px solid #aaa;
border: 3px solid #d5d5d5;
background: #fafafa;
color: #444;
list-style: none;
padding: 0 !important;
border-radius: 3px;
}
ul.dropactions li {
text-align: left;
border-bottom: 1px solid #eaeaea;
}
ul.dropactions li a {
display: block;
width: 150px;
color: #444 !important;
text-decoration: none !important;
border: none;
padding: 5px 5px 5px 2.6em !important;
margin-right: 0 !important;
}
ul.dropactions li a:hover {
background: #eee !important;
}



ul.dropactions li a.aedit {
background: url(../pics/icon-edit.gif) 7px center no-repeat !important;
background-image: url(../pics/icons-svg/icon-edit.svg), none  !important; /* SVG fallback for IE8 */
background-size: 14px !important;
}
ul.dropactions li a:hover.aedit { background-color: #eee !important; }
ul.dropactions li a.aadd {
background: url(../pics/icon-add.gif) 7px center no-repeat !important;
background-image: url(../pics/icons-svg/icon-add.svg), none !important; /* SVG fallback for IE8 */
background-size: 15px !important;
}
ul.dropactions li a:hover.aadd { background-color: #eee !important; }
ul.dropactions li a.aduplicate {
background: url(../pics/icon-duplicate.gif) 7px center no-repeat !important;
background-image: url(../pics/icons-svg/icon-duplicate.svg), none !important; /* SVG fallback for IE8 */
background-size: 16px !important;
}
ul.dropactions li a:hover.aduplicate { background-color: #eee !important; }
ul.dropactions li a.alogic {
background: url(../pics/icon-logic.gif) 7px center no-repeat !important;
background-image: url(../pics/icons-svg/icon-logic.svg), none !important; /* SVG fallback for IE8 */
background-size: 14px !important;
}
ul.dropactions li a:hover.alogic { background-color: #eee !important; }
ul.dropactions li a.adelete {
background: url(../pics/icon-remove.gif) 8px center no-repeat !important;
background-image: url(../pics/icons-svg/icon-remove.svg), none !important; /* SVG fallback for IE8 */
background-size: 12px !important;
}
ul.dropactions li a:hover.adelete { background-color: #eee !important; }
ul.dropactions li a.amoveup {
background: url(../pics/icon-arrowup.gif) 8px center no-repeat !important; 
background-image: url(../pics/icons-svg/icon-arrowup.svg), none !important; /* SVG fallback for IE8 */
background-size: 13px !important;
}
ul.dropactions li a:hover.amoveup { background-color: #eee !important; }
ul.dropactions li a.amovedown {
background: url(../pics/icon-arrowdown.gif) 8px center no-repeat !important;
background-image: url(../pics/icons-svg/icon-arrowdown.svg), none !important; /* SVG fallback for IE8 */
background-size: 13px !important;
}
ul.dropactions li a:hover.amovedown { background-color: #eee !important; }

ul.dropactions li a.mover { background-color: #eee !important; }
a:hover.aedit , a:hover.aadd , a:hover.aduplicate , a:hover.adelete { background-color: #ef7; }


div.smenu {
background: #fff;
top: -34px;
left: 0px;
padding: 7px 8px !important;
border: 2px solid #bbb;
background: #fafafa;
color: #444;
}
div.smenu {
color: #aaa;
}
div.smenu a {
padding: 2px 4px 2px 1.75em !important;
color: #444 !important;
}


.posrel {
position: relative !important;
}

span.dinvisible {
font-size: 13px;
font-weight: normal;
font-style: italic;
background: #fff;
padding: 1px 3px;
color: #000;
}


#saving, #busy {
width: 75px;
padding: 0.15em 0.5em;
font-size: 13px;
background: #d8a432;
color: #2e2e2e;
text-align: center;
position: fixed;
top: 0;
right: 10px;
z-index: 10;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}


td.aicon li { list-style: none; }

td.aicon img { display: none; }

td.aicon a.sort, td.aicon a.add, td.aicon a.remove {
line-height: 13px;
font-size: 13px;
border: none;
}


td.aicon a.sort {
cursor: move;
padding: 1px 9px;
background: url(../pics/icon-sort-form.png) 5px 3px no-repeat !important;
background-image: url(../pics/icons-svg/icon-sort-form.svg), none !important; /* SVG fallback for IE8 */
background-size: 12px !important;
}
td.aicon a.add {
padding: 1px 9px;
background: url(../pics/icon-add-form.png) center center no-repeat !important;
background-image: url(../pics/icons-svg/icon-add-form.svg), none !important; /* SVG fallback for IE8 */
background-size: 14px !important;
}
td.aicon a.remove {
padding: 1px 9px;
background: url(../pics/icon-delete-form.png) center center no-repeat !important;
background-image: url(../pics/icons-svg/icon-delete-form.svg), none !important; /* SVG fallback for IE8 */
background-size: 14px !important;
}


td.aicon a.add img {
margin-bottom: -1px;
}
td.aicon a.remove img {
margin-bottom: -1px;
}


td.aicon p.emode a {
text-decoration: none;
padding: 0;
color: #3c65b7;
border-bottom: 1px solid #5f88da;
cursor: pointer;
}


table.editquestion tr td textarea {
width: 550px;
height: 80px;
}
table.editquestion tr td div.example textarea {
width: auto !important;
height: auro !important;
}

table.editquestion tr td.surveycol div.example div.squestion {
width: auto !important;
display: none;
}

.upload-control {
margin-bottom: 10px !important;
}
.upload-control span {
margin: 0 0 10px 0 !important;
/*display: block;*/
}
.upload-control form {
margin: 0 0 10px 0 !important;
margin: 0;
padding: 0;
}

.element-types span {
padding-right: 15px !important;
}

.question-type-controls .multiple-option { padding-left: 5px; }
.question-type-controls select { margin-right: 5px !important; }




td.surveycol div.example * {
width: auto !important;
}

div#survey a.colorinherit {
text-decoration: underline;
border: none;
}
div#survey a.colorinherit:hover {
background: none;
}

#add-html-edit {
margin: 0 0 -10px 0 !important;
font-size: 12px;
color: #777;
}
#add-html-thankyou {
margin: 0 0 0 0 !important;
font-size: 12px;
color: #777;
}

p.ready {
display: inline-block;
text-align: center;
color: #888 !important;
padding: 15px 35px;
margin: 0px auto 15px auto !important;
border-radius: 10px;
background: #f5f5f5;
}


/* -----------------------
-------- Options --------
------------------------ */

div.survey_options div.success {
margin-top: 0.5em !important;
margin-bottom: 1.5em !important;
}


/* -----------------------
------ Themes ------
------------------------ */


.scolor, .scolorselected  {
border: 2px solid #ccc;
padding: 3px;
width: 16px;
margin: 0 auto;
background: #fff;
}
.scolor div, .scolorselected div {
width: 16px;
height: 16px;
}
.scolor {
border: 2px solid #ccc;
z-index: 6;
position: relative;
}
.scolorselected {
border: 2px solid #aaa;
position: relative;
z-index: 10;
}
.scolorselected div.cpicker {
position: absolute;
top: -10px;
left: 30px;
z-index: 30;
}
.scolorselected div.cpicker_left {
position: absolute;
top: -10px;
left: -207px;
z-index: 30;
}



/* ----------------------------
--------- Language -----------
----------------------------- */

.language-selector form {
display: inline;
}

.language-selector .ddmenu {
margin: 5px 0;
}

table.tlanguage td {
border-left: 1px solid #ddd;
}
table.tlanguage .col1 {
white-space: nowrap;
vertical-align: top;
}
table.tlanguage th.col2 {
text-align: right;
}
table.tlanguageedit .col1 {
white-space: nowrap;
vertical-align: top;
}
table.tlanguageedit td {
border-left: 1px solid #ddd;
}
span.langmsg {
font-style: italic;
color: #800;
}

.langexp {
color: #888;
margin: 5px 0 !important;
}
.langdefault {
margin: 5px 0 !important;
}
.langdefault span {
font-style: italic;
}

div.form1 table.multilangedit {
width: auto;
}
table.multilangedit input {
}
table.multilangedit .col1 {
vertical-align: top;
width: 100px !important;
}
table.multilangedit .col2 {
/*width: 200px !important;*/
}
table.multilangedit td {
border-left: 1px solid #ddd;
}

/* ----------------------------
---------- Analyse -----------
----------------------------- */


table.analyseoptions {
}
table.analyseoptions td.col1 {
}
table.analyseoptions td.col2 {
text-align: right;
width: 1%;
white-space: nowrap;
color: #888;
}


table.agraphs {
width: 100%;
margin: 2em 0;
background: #fafafa;
}
table.agraphs td {
vertical-align: top;
}
table.agraphs td.col1 {
width: 50px; /* forces minimum width for td */
white-space: nowrap;
}
table.agraphs td.col2 {
}
table.agraphs td.col3 {
width: 1%;
white-space: nowrap;
}

table.graphcontainer {
border: 4px solid #e5e5e5;
background: #fafafa;
}
table.graphcontainer td {
padding: 1px 5px;
}

table.agraphs td.col2 table.graphcontainer {
margin: 0 auto;
}

table.agraphs tr.first th, table.agraphs tr.first td {
border-top: none !important;
}
table.agraphs tr.beforelast th, table.agraphs tr.last td {
color: #333;
}
table.agraphs tr.last th, table.agraphs tr.last td {
color: #333;
border-bottom: none !important;
}

/* ---- graph1 ---- */

table.graph1 {
background: #fafafa;
}
table.graph1 td {
padding: 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
text-align: center;
height: 30px;
vertical-align: middle !important;
}
table.graph1 td div {
margin: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
width: 65px;
height: 100px;
background: #eee;
}

table.graph1 td.graphbar1 {
vertical-align: bottom !important;
border: 1px solid #fff;
}
table.graph1 tr td a, table.graph2 tr td a {
padding: 0 !important;
}
table.graph1 td.graphbar1 div img {
margin: 0;
padding: 0 !important;
width: 100%;
/*height: 100%;*/
}

/* ---- graph2 ---- */

table.graph2 {
background: #fafafa;
}
table.graph2 td {
padding: 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
text-align: center;
height: 30px;
vertical-align: middle !important;
}
table.graph2 td div {
margin: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
background: #eee;
width: 100%;
height: 100px;
}
table.graph2 td div img {
margin: 0;
padding: 0 !important;
width: 100%;
/*height: 100%;*/
}
table.graph2 td.graphbar1, table.graph2 td.graphbar2 {
vertical-align: bottom !important;
border: 1px solid #fff;
}
table.graph2 td.graphbar1 div { width: 35px; }
table.graphbar2w10 td.graphbar2 div { width: 10px; }
table.graphbar2w8 td.graphbar2 div { width: 8px; }


/* ---- graph3 ---- */
table.graph3 {
margin-top: 4px;
}

table.graph3 { height: 189px; /* IE6 */ }
table.graph3[class] { height: 187px; /* Firefox */ }
*:first-child+html table.graph3[class] { height: 189px; /* IE7 */ }
@media screen and (min-width: 0px) { table.graph3{ height: 189px; }  /* Opera */ }
@media screen and (-webkit-min-device-pixel-ratio:0) { body:first-of-type table.graph3 { height: 189px; } /* Safari */ }

table.graph3 th {
text-align: center;
background: #f6f6c0;
font-weight: normal;
}
table.graph3 th, table.graph3 td {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 0.20em 0.5em;
white-space: nowrap;
}
table.graph3 th {
padding: 0;
}
table.graph3 td.col1 {
color: #555 !important;
}
table.graph3 td.col2 {
}

.other {
color: #444;
border-bottom: 1px dotted #bbb;
}
.other:hover {
/*background: #f5f5f5;*/
}

p.apage {
margin: 40px 0 20px 0 !important;
font-size: 16px;
color: #95b56d;
padding: 6px 10px;
background: #e7f1d5;
border-radius: 4px;
}

p.apage2 {
margin: 40px 0 20px 0 !important;
font-size: 13px;
font-size: 13px;
color: #95b56d;
display: none;
}
p.apage2 strong {
background: #e7f1d5;
padding: 6px 10px;
border-radius: 4px;
}


table.respondent-id .pagination {
text-align: left !important;
margin: 0;
padding: 5px 0 0 0;
}
div.respondent-pagination {
margin-bottom: 10px;
}
div.respondent-pagination .pagination {
text-align: left !important;
margin: 0;
padding: 5px 0 5px 0;
}
div.respondent-pagination .pagination-label {
margin-left: 0;
}


div.apage-break {
border-top: 3px dotted #ddd;
padding-top: 10px;
text-align: center;
color: #888;
margin: 30px 0 20px 0;
display: none;
}


p.aquestion {
margin-top: 25px !important;
margin-bottom: 15px !important;
}
p.aquestion span.required {
color: #888;
}
p.aquestion span.aquestiontitle {
font-weight: bold;
padding-right: 5px;
}


p.aquestion span.aquestiontitle a.colorinherit {
border-color: #aaa !important;
padding-left: 0;
}


#response-flow1 {
width: 460px;
height: 165px;
border: 1px solid #ddd;
border-radius: 5px;
}
#response-flow2 {
width: 99%;
height: 170px;
}


table.analyze-stats {
margin: 0 0 20px 0;
}
table.analyze-stats div.table-container {
margin-top: 0;
}
div.analyze-filter {
margin-bottom: 40px;
}


table.respondese-stats {
width: 100%;
}
table.respondese-stats th, table.respondese-stats td {
padding: 0;
border: none;
}
table.respondese-stats td {
vertical-align: top;
}
/* 4 * 116px */
table.respondese-stats td.sub-col1 { width: 110px; }
table.respondese-stats td.sub-col2 { width: 110px; }
table.respondese-stats td.sub-col3 { width: 110px; }
table.respondese-stats td.sub-col4 { width: 110px; }

table.respondese-stats div.stats {
padding: 10px;
}
table.respondese-stats div.stats-top {

border-top-left-radius: 5px;
border-top-right-radius: 5px;

border: 1px solid #ddd;
border-bottom: none;
}
table.respondese-stats div.stats-bottom-left {
border-bottom-left-radius: 5px;
border: 1px solid #ddd;
}
table.respondese-stats div.stats-bottom-middle {
border: 1px solid #ddd;
border-left: none;
}
table.respondese-stats div.stats-bottom-right {
border-bottom-right-radius: 5px;
border: 1px solid #ddd;
border-left: none;
}
table.respondese-stats div.green-bar {
background: #8eb471;
}
div.green-bar img {
width: 100%;
}



span.stats-number {
font-size: 36px;
line-height: 36px;
}

table.digits-3 span.stats-number { font-size: 32px !important; line-height: 36px;}
table.digits-4 span.stats-number { font-size: 30px !important; line-height: 36px; }
table.digits-5 span.stats-number { font-size: 26px !important; line-height: 36px; }
table.digits-6 span.stats-number { font-size: 24px !important; line-height: 36px; }
table.digits-7 span.stats-number { font-size: 24px !important; line-height: 36px; }

div.chart-bar {
padding: 10px 0 5px 0;
}
div.chart-bar div {
border-radius: 3px;
height: 15px;
background: #ddd;
width: 100%;
}
div.chart-bar div div {
height: 15px;
}
div.chart-bar div div img {
border-radius: 3px;
height: 100%;
}


table.graph4 {
width: 100%;
}
table.graph4 tr td {
border: 1px solid #ddd;
text-align: right;
}

table.graph4 tr.respondents td {
border-top: 1px solid #ddd;
}
table.graph4 tr td.col1 {
text-align: left;
}
table.graph4 tr td.col2 {
width: 40px;
white-space: nowrap;
}
table.graph4 tr td.col3 {
text-align: left !important;
vertical-align: middle;
white-space: nowrap;
width: 1%;
}
table.graph4 tr td.col3 div {
border-radius: 3px;
height: 15px;
background: #ddd;
position: relative;
}
table.graph4 tr td.col3 div div {
height: 15px;
}
table.graph4 tr td.col3 div div img {
border-radius: 3px;
height: 100%;
}
table.graph4 div div div.green-bar {
background: #8eb471;
}

table.graph4 tr td.col3 div {
width: 200px;
}
table.graph4 tr td.col4 {
padding-left: 10px;
width: 40px;
}
table.graph4 tr td.radio {
text-align: center;
width: 30px;
}


table.graph5 {
width: 100%;
}
table.graph5 tr td {
text-align: right;
border: 1px solid #ddd;
}
table.graph5 tr td.col1 {
}
table.graph5 tr td.col2 {
text-align: right;
width: 40px;
}


table.graph6 {
width: 100%;
}
table.graph6 tr th {
border: 1px solid #ddd;
text-align: center;
font-weight: normal;
}
table.graph6 tr td {
border: 1px solid #ddd;
text-align: right;
}
table.graph6 tr td.col1 {
text-align: left;
/*min-width: 100px;*/
/*width: 220px;*/
}
table.graph6 tr td.col2 {
width: 40px !important;
text-align: right;
}
table.graph6 tr td.graphbar2 {
text-align: left !important;
vertical-align: middle;
width: 1px;
}
table.graph6 tr td.graphbar2 div {
border-radius: 3px;
height: 15px;
background: #ddd;
width: 50px;
}
table.graph6 tr td.graphbar2 div div {
height: 15px;
margin-left: 0;
}
table.graph6 tr td.graphbar2 div div img {
/*width: 100%;*/
border-radius: 3px;
height: 100%;
float: left;
}


table.graph6 tr td.graphbar2 span {
padding-right: 0.25em;
}
table.graph6 tr td.graphbar2 table {
margin: 0;
padding: 0;
width: 90%; /* ie fix */
}
table.graph6 tr td.graphbar2[class] table {
width: 100%; /* everything but ie6 */
}
table.graph6 tr td.graphbar2 table td {
text-align: left;
white-space: nowrap;
border: none;
padding: 0;
margin: 0;
}
table.graph6 tr td.graphbar2 table td div {
float: right;
}
table.graph6 tr td.graphbar2 table td div div {
float: none;
}
table.graph6 tr.respondents td {
border-top: 1px solid #ddd;
}



table.graph7 {
width: 100%;
}
table.graph7 tr th {
border: 1px solid #ddd;
text-align: center;
font-weight: normal;
}
table.graph7 tr td {
border: 1px solid #ddd;
text-align: right;
}
table.graph7 tr td.col1 {
text-align: left;
min-width: 200px;
}
table.graph7 tr td.col2 {
width: 40px !important;
text-align: right;
}
table.graph7 tr th.graphbar2 {
width: 80px;
overflow: hidden;
}
table.graph7 tr td.graphbar2 {
text-align: left !important;
vertical-align: middle;
width: 1px;
}
table.graph7 tr td.graphbar2 div {
border-radius: 3px;
height: 15px;
background: #ddd;
width: 50px;
}
table.graph7 tr td.graphbar2 div div {
height: 15px;
margin-left: 0;
}
table.graph7 tr td.graphbar2 div div img {
border-radius: 3px;
height: 100%;
float: left;
}
table.graph7 tr td.graphbar2  div div div.green-bar {
background: #8eb471 !important;
float: left;
}


table.graph7 tr td.graphbar2 span {
padding-right: 0.25em;
}
table.graph7 tr td.graphbar2 table {
margin: 0;
padding: 0;
width: 90%; /* ie fix */
}
table.graph7 tr td.graphbar2[class] table {
width: 100%; /* everything but ie6 */
}
table.graph7 tr td.graphbar2 table td {
text-align: center;
white-space: nowrap;
border: none;
padding: 0;
margin: 0;
}
table.graph7 tr td.graphbar2 table td div {
margin: auto;
}
table.graph7 tr td.graphbar2 table td div div {
float: none;
}
table.graph7 tr.respondents td {
border-top: 1px solid #ddd;
}



table.tresp {
width: 100%;
}
table.tresp tr th {
text-align: right;
font-weight: normal;
}
table.tresp tr th.col1 {
text-align: center;
width: 40px;
}
table.tresp tr td {
vertical-align: top;
}
table.tresp tr td.col1 {
text-align: center;
width: 40px;
}
table.tresp tr td.col2 {
text-align: left;
}
table.tresp p {
margin: 0 !important;
}
table.tresp div.textarea {
border: 1px solid #ddd;
background: #fff;
padding: 10px 20px;
border-radius: 4px;
}

a.respondent-number {
padding: 4px 8px;
border: none;
}
a.respondent-number span {
border-bottom: 1px solid #a3c2d3;
}

div.srepondentinfo {
margin: 10px 0;
padding: 10px 20px;
background: #f5f5f5;
border-top: 2px solid #ddd;
}
div.srepondentinfo p {
margin: 5px 0 !important;
}
div.srepondentinfo h5 {
margin: 10px 0 15px 0 !important;
}
div.srepondentinfo h6 {
margin: 5px 0 !important;
}




div.srespondentanswer {
margin: 15px 0 30px 0;
border: 1px solid #ddd;
background: #fafafa;
padding: 15px 20px;
color: #444;
border-radius: 4px;
}
div.srespondentanswer p {
margin: 0 !important;
padding: 0 !important;
}
div.srespondentanswer ul {
margin: 0 !important;
padding-left: 15px;
}
p.noanswer {
color: #888;
font-style: italic;
}


table.respondent-matrix {
width: 100%;
}
table.respondent-matrix th, table.respondent-matrix td {
font-weight: normal;
padding: 5px 10px;
border-top: 1px solid #ddd;
text-align: center;
}
table.respondent-matrix th {
border-top: none;
background: #eee;
/*width: 80px;*/
}
table.respondent-matrix td.col1 {
text-align: left;
padding: 5px 20px;
/*width: 20%;*/
}
table.respondent-matrix td.checked {
padding: 7px 10px 3px 10px;
vertical-align: bottom;
/*background: #f0f0f0;*/
}

div.srespondentanswer-matrix {
margin: 15px 0 30px 0;
border: 1px solid #ddd;
background: #fafafa;
padding: 0;
color: #444;
border-radius: 4px;
}

span.hidden-choice {
padding: 0 5px;
color: #888;
font-style: italic;
font-size: 12px;
}

/* format numbers in analyze */
.anumbers {
/*font-family: "Arial", sans-serif;*/
}


/* -----------------------
-------- Reports --------
------------------------ */

.reports-list .col2 {
white-space: nowrap;
}

.reports-list .col4 {
text-align: right;
white-space: nowrap;
}

.report #content-body {
padding: 20px 40px 30px 40px;
width: 880px;
}

div.report h1 {
font-size: 30px;
line-height: 1.25em;
}
div.report-sub {
font-size: 18px;
line-height: 30px;
}



/* -----------------------
------ Export Table -----
------------------------ */

table.texport {
width: 100%;
}
table.texport th, table.texport td {
text-align: center;
}
table.texport th {
white-space: nowrap;
}
table.texport td {
}
table.texport td.actions {
color: #888;
text-align: right;
}

.tdwarning1 {
border-bottom: none !important;
text-align: right !important;
background: #ffe3aa !important;
color: #7f5220 !important;
}

table.users .tdwarning1 {
text-align: right !important;
}


/* -----------------------
----- Filters List -----
------------------------ */

table.filterslist {
}
table.filterslist th, table.filterslist td {
padding: 6px 8px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: left;
}
table.filterslist th {
color: #444;
background: #eee;
white-space: nowrap;
font-weight: normal;
}
table.filterslist td.col2 {
white-space: nowrap;
}
table.filterslist th.col4 {
text-align: center;
}
table.filterslist td.col4 {
text-align: center;
}
table.filterslist th.col5 {
text-align: center;
}
table.filterslist td.col5 {
text-align: center;
}
table.filterslist td.col6 {
color: #777;
text-align: right;
white-space: nowrap;
}



/* -----------------------
------- Accounts --------
------------------------ */

a.newaccount {
padding-left: 16px ;
padding-bottom: 2px;
background: url(../pics/icon_cross.gif) no-repeat !important;
border: none;
}
a.newaccount span {
border-bottom: 1px solid #5f88da;
}


table.accounts {
width: 100%;
}
table.accounts th, table.accounts td {
text-align: center;
}
table.accounts td.col1 {
text-align: left;
white-space: normal;
}
table.accounts td.col1 a {
}
table.accounts td.col2 span {
font-size: 18px;
}
table.accounts td.col3 span {
font-size: 18px;
}
table.accounts td.col4 span {
font-size: 18px;
}
table.accounts td.col5 .ddmenu {
float: right;
}
table.accounts td.col6 span {
font-weight: bold;
}
table.accounts td.col6 {
text-align: center !important;
}

table.accounts tr.suspended td {
color: #999;
}
p.suspended {
margin-top: 0 !important;
color: #999;
}

span.max {
color: #888;
font-size: 11px !important;
}
a.rss {
border: none;
}


table.accountoptions {
margin: 0.5em 0 0.5em 0;
}
table.accountoptions td.col1 {
}
table.accountoptions td.col2 {
text-align: right;
}


table.users {
width: 100%;
}
table.users th, table.users td {
text-align: center !important;
}
table.users th {
font-weight: normal;
}
table.users td {
color: #444;
background: #fafafa;
}
table.users th.col1 {
text-align: left !important;
}
table.users td.col1 {
text-align: left !important;
}
table.users td.col2 {
white-space: nowrap;
color: #bbb;
}
table.users td.col2 span.active {
color: #444;
}
table.users tr.pending td.col2 span.active {
color: #888;
}
table.users tr.suspended td.col2 span.active {
color: #888;
}
table.users td.col3 {
white-space: nowrap;
}
table.users td.col4 {
white-space: nowrap;
}
table.users tr.pending td.col1 {
color: #777;
}
table.users tr.suspended td.col1 {
color: #777;
}


table.activity td.col1 {
font-size: 12px;
white-space: nowrap;
width: 120px !important;
}
table.activity td.col2 {
padding-left: 0;
}
table.activity .ddmenu, table.activity .ddlabel {
float: right;
}


a.activityrss {
border: none;
background: url(../pics/feed-icon-14x14.png) center right no-repeat !important;
padding: 2px 20px 2px 10px;
}
a.activityrss span {
border-bottom: 1px solid #5f88da;
}



table.notifications {
width: 100%;
border: 1px solid #ccc;
margin: 0.5em 0;
}
table.notifications th, table.notifications td {
padding: 6px 8px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: left;
}
table.notifications th {
padding: 8px 8px;
color: #444;
background: #eee;
font-weight: normal;
}
table.notifications td {
vertical-align: top;
background: #fafafa;
}
table.notifications td.col1 {
vertical-align: top;
}
table.notifications td.col2 {
}
table.notifications .ddmenu, table.notifications .ddlabel {
float: right;
}




table.addresponses th, table.addresponses td {
text-align: left;
}
table.addresponses td {
vertical-align: top;
}
table.addresponses td.col-respondent {
}
table.addresponses td.col-date {
}
table.addresponses td.col-status {
}
table.addresponses td.col-actions {
text-align: right;
}
table.addresponses .ddmenu, table.addresponses .ddlabel {
float: right;
}



table.editroles tr th {
text-align: center !important;
width: auto !important;
}
table.editroles tr td {
text-align: center;
}
table.editroles tr th.col1 {
text-align: left !important;
}
table.editroles tr td.col1 {
text-align: left;
}
table.editroles tr td.col1 {
white-space: normal !important;
}
table.editroles tr.pending td.col1 {
color: #777;
}
table.editroles tr.suspended td.col1 {
color: #777;
}


div.form1 table.editroles tr td {
white-space: normal;
width: 70px;
}
div.form1 table.editroles tr td.col1 {
white-space: normal;
width: auto !important;
}


/* -----------------------
------- Maintnance ------
------------------------ */


div.mwarning {
text-align: center;
padding: 12px 0;
background: #59210f;
border-bottom: 4px solid #833309;
color: #dc9;
}

div.mwarning a {
color: #fff;
color: #fed;
border-bottom: 1px solid #fed;
text-decoration: none;
}
div.mwarning a:hover {
color: #fff;
border-bottom: 1px solid #fff;
}
div.mwarning a.hide {
color: #fff;
border-bottom: 1px solid #fff;
text-decoration: none;
margin-left: 5px;
}

span.aactionadd {
padding-left: 19px !important;
padding-top: 1px;
background: url(../pics/icon-add.gif) left no-repeat !important;
border-bottom: none;
}
span.aactionadd span {
border-bottom: 1px solid #5f88da;
}


/* -----------------------
-------- Ellipsis -------
------------------------ */

span.visible {
visibility: visible;
}
span.invisible {
visibility: hidden;
}

/* -----------------------
-------- Reorder --------
------------------------ */

div#reorderTree a {
border: none;
}
div.x-panel-body {
padding: 1em 0.75em;
background: #fff6aa !important;
border: 1px solid #e6c25e;
}
div.x-panel-body ul {
list-style: none;
}


/* -----------------------
-------- Pricing --------
------------------------ */

table.pricing, table.pricing th, table.pricing td {
border: 1px solid #ddd;
}
table.pricing th, table.pricing td {
border-color: #ccc;
border-style: dotted;
}
table.pricing th {
padding: 15px 5px;
text-align: center;
background: #eee !important;
font-weight: normal;
}
table.pricing td {
padding: 10px 5px;
text-align: center;
vertical-align: middle;
}
table.pricing th h3 {
padding: 0;
margin: 0;
font-size: 18px;
font-weight: bold;
}
table.pricing th em {
font-style: normal;
}

table.pricing td img {
padding: 0 !important;
margin: 0 !important;
}
table.pricing td p {
margin: 5px 0 !important;
}
table.pricing td em {
font-style: normal;
font-weight: bold;
color: #444;
}
table.pricing td.current {
}
table.pricing tr.buttons td {
vertical-align: middle;
}
div.price {
margin-top: 0.5em;
}
tr.buttons div.price {
margin: 0 0 0.75em 0;
}
tr.buttons div.price em {
font-style: normal;
font-weight: normal;
color: #444;
font-size: 13px;
}

table.pricing th { width: 25%; }

table.pricing_info {
margin-top: 1em;
vertical-align: top;
}
table.pricing_info td {
width: 50%;
vertical-align: top;
}
table.pricing_info td.col1 {
padding-right: 1em;
}
table.pricing_info td.col2 {
padding-left: 1em;
}

table.pricing .all-features a {
text-decoration: none;
color: #999;
border-bottom: 1px dotted #bbb;
cursor: pointer;
}



table.pricing-complete, table.pricing-complete th, table.pricing-complete td {
border: 1px solid #ddd;
}
table.pricing-complete th, table.pricing-complete td {
border-color: #ccc;
border-style: dotted;
}
table.pricing-complete th {
padding: 15px 5px;
text-align: center;
background: #eee !important;
font-weight: normal;
}
table.pricing-complete td {
padding: 10px 5px;
text-align: center;
vertical-align: middle;
}

table.pricing-complete tbody th {
padding: 5px 15px !important;
text-align: left;
background: #f5f5f5 !important;
}
table.pricing-complete tbody tr.separator th {
background: #eee !important;
}
table.pricing-complete tbody td {
padding: 5px 5px !important;
}

table.pricing-complete th h3 {
padding: 0;
margin: 0;
font-size: 18px;
font-weight: bold;
}
table.pricing-complete th h4 {
text-transform: none;
padding: 5px 0;
}
table.pricing-complete th em {
font-style: normal;
}

table.pricing-complete td img {
padding: 0 !important;
margin: 0 !important;
}
table.pricing-complete td p {
margin: 5px 0 !important;
}
table.pricing-complete td em {
font-style: normal;
font-weight: bold;
color: #444;
}
table.pricing-complete td.current {
}
table.pricing-complete tr.buttons td {
vertical-align: middle;
}
table.pricing-complete th {

}
table.pricing-complete .all-features a {
text-decoration: none;
color: #999;
border-bottom: 1px dotted #bbb;
cursor: pointer;
}


table.pricing-complete tbody td {
width: 160px !important;
}
table.pricing-complete a.sec-link {
color: #444 !important;
border-bottom: 1px dotted #aaa;
}
table.pricing-complete i {
color: #5ca353;
font-size: 16px;
}




.pricing-enterprise {
width: 500px;
margin: 25px auto 0 auto;
text-align: center;
}
/*
.pricing-enterprise {
background: #fafafa;
padding: 5px 20px 25px 20px;
border-radius: 5px;
border: 1px solid #eee;
}
*/


.annual td {
width: 160px !important;
}


table.pricing td input[disabled] {
opacity: 0.5;
}
table.annual td span.disabled {
opacity: 0.5;
}


div.pricing-enterprise {
display: none;
}

/* -----------------------
-------- Invoices --------
------------------------ */

table.invoices th.col3, table.invoices td.col3 { text-align: left; }
table.invoices th.col4, table.invoices td.col4 { text-align: right; }
table.invoices th.col5, table.invoices td.col5 { text-align: right; }

table.total_overview th {
text-align: left;
}
table.total_overview td {
text-align: left;
}
table.total_overview th.col1 {
}
table.total_overview th.col2 {
text-align: right;
}
table.total_overview th.col3 {
text-align: right;
}
table.total_overview td.col1 {
}
table.total_overview td.col2 {
text-align: right;
}
table.total_overview td.col3 {
text-align: right;
}

table.total_overview tr.total td {
font-weight: bold;
}

.vat_country {
background: #eee;
border: 1px solid #aaa;
padding: 6px 6px 5px 6px;
}

.form1 table.test .inputtext {
width: 300px;
}

table.signup input.inputtext {
width: 250px !important;
}
table.signup th {
width: 18% !important;
}


/* -----------------------
------ Processing -------
------------------------ */

body.processing {
background: #333;
}

div#processing {
width: 400px;
margin: 100px auto 0 auto;
text-align: center;
}
div#processing p {
color: #fff;
}

div#processing p.processed {
color: #8fb665;
font-size: 24px;
margin: 15px;
}
div#processing p.please {
margin: 15px;
color: #ddd;
}
div#processing p.please a {
color: #fff;
border-bottom: 1px dotted #fff;
}

div.processing_error {
margin: 15px 0;
background: #921;
border-top: 2px solid #d46e2b;
border-bottom: 2px solid #d46e2b;
padding: 10px 10px;
text-align: center;
color: #edb;
font-weight: bold;
}


/* -----------------------
------ New Survey -------
------------------------ */

div#startwith table td {
vertical-align: middle;
padding-top: 0 !important;
padding-bottom: 0 !important;
height: 36px;
border-bottom: none;
border-top: none;
}

div#startwith table td.line1 {
padding-top: 8px !important;
}
div#startwith table td.line2 {
}
div#startwith table td.line3 {
padding-bottom: 8px !important;
}
div#startwith select {
vertical-align: baseline;
}

.ddmenu .theme1 span.thumb { background: #446d7d !important; }
.ddmenu .theme2 span.thumb { background: #44507d !important; }
.ddmenu .theme3 span.thumb { background: #7d4476 !important; }
.ddmenu .theme4 span.thumb { background: #943b40 !important; }
.ddmenu .theme5 span.thumb { background: #8c5844 !important; }
.ddmenu .theme6 span.thumb { background: #447d5e !important; }
.ddmenu .theme7 span.thumb { background: #b3843c !important; }
.ddmenu .theme8 span.thumb { background: #333333 !important; }
.ddmenu .theme9 span.thumb { background: #dddddd !important; }
.ddmenu .theme10 span.thumb { background: #dddddd !important; }


.theme-selector .ddlist span.thumb {
font-size: 0 !important;
line-height: 1px;
padding: 13px 8px 3px 8px;
border-radius: 2px;
/*
display: inline-block;
width: 16px;
height: 17px;
padding: 0;
border-radius: 2px;
*/
}
.theme-selector span.label {
padding-left: 5px;
}

div.ddmenu div.ddselected span.thumb {
font-size: 1px;
line-height: 1px;
padding: 11px 8px 4px 8px;
border-radius: 2px;
}
div.ddmenu div.ddselected span.label {
background: none !important;
padding-left: 5px;
}


@-moz-document url-prefix() {

	.theme-selector .ddlist span.thumb {
	padding: 13px 8px 3px 8px;
	}
	div.ddmenu div.ddselected span.thumb {
	padding: 13px 8px 3px 8px;
	}
}


/* -----------------------
--- Connection Warning ---
------------------------ */

.black_overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: .50;
z-index: 1001;
}
.white_content {
display: none;
position: absolute;
margin-top: 0;
top: 25%;
left: 0;
width: 100%;
height: 10em;
z-index: 1002;
}
div.inner {
width: 365px;
margin: 0 auto 0 auto;
padding: 0;
border: 8px solid #e4af5f;
border-radius: 3px;
background: #feeaab;
padding: 16px 16px 16px 16px;
}
div.inner h1 {
font-weight: normal;
font-size: 24px;
}
div.inner p {
color: #333;
margin: 10px 0 15px 0;
}


.modal-window {
display: none;
position: absolute;
margin-top: 0;
margin-bottom: 100px;
top: 25%;
left: 0;
width: 100%;
z-index: 1002;
border-radius: 4px;
}
.modal-window .inner {
width: 600px;
padding: 0;
border: none;
background: none;
}
.modal-window .inner p {
margin: 10px 0;
}
.modal-window h2 {
background: #3a3a3a;
font-size: 18px;
color: #fff;
padding: 15px 25px;
font-weight: normal !important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #ddd;
}
.modal-window-post {
padding: 25px;
background: #eee;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.modal-window-post > div {
background: #fff;
padding: 10px 25px;
border-radius: 4px;
}
.modal-window h3 {
margin: 10px 0;
font-size: 18px;
font-weight: bold;
color: #95b56d;
}
.modal-window .date {
color: #999;
margin: -5px 0 -5px 0 !important;
}
.modal-window i {
padding-right: 5px;
}
.modal-window span i {
padding-right: 0;
}
.modal-window-close {
float: right;
cursor: pointer;
}
.modal-window-close .icon-close {
background: url(../pics/icon-cross-close.png) center center no-repeat;
padding: 0px 8px;
font-size: 16px;
}
.modal-window table {
width: 100%;
}
.modal-window table td.center {
width: 600px;
}
.modal-window table td.sidebar {
width: auto;
}
.modal-window a.sec-link {
text-decoration: none;
color: #3589A7;
color: #333;
border-bottom: 1px dotted #bbb;
cursor: pointer;
}
.modal-window .button-link-secondary {
font-weight: normal;
}






.upgrade-select {
position: absolute;
margin-top: 0;
margin-bottom: 100px;
top: 25%;
left: 0;
width: 100%;
z-index: 1002;
border-radius: 4px;
}
.upgrade-select .inner {
width: 600px;
padding: 0;
border: none;
background: none;
}
.upgrade-select .inner p {
margin: 10px 0;
}
.upgrade-select h2 {
background: #3a3a3a;
font-size: 18px;
color: #fff;
padding: 15px 25px;
font-weight: normal !important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #ddd;
}
.upgrade-select-content {
padding: 25px;
background: #eee;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
/*
.upgrade-select-content > div {
background: #fff;
padding: 10px 25px;
border-radius: 4px;
}
*/
.upgrade-select h3 {
margin: 10px 0;
font-size: 18px;
font-weight: bold;
color: #95b56d;
}
.upgrade-select-close {
float: right;
cursor: pointer;
}
.upgrade-select-close .icon-close {
background: url(../pics/icon-cross-close.png) center center no-repeat;
padding: 0px 8px;
font-size: 16px;
}
.upgrade-select table {
width: 100%;
}
.upgrade-select table td.center {
width: 600px;
}
.upgrade-select table td.sidebar {
width: auto;
}
.upgrade-select a.sec-link {
text-decoration: none;
color: #3589A7;
color: #333;
border-bottom: 1px dotted #bbb;
cursor: pointer;
}

.upgrade-select table td.col6 {
text-align: right !important;
}
.upgrade-select table td.col6 span {
padding: 3px 5px 0 0 !important;
display: inline-block;
}



/* -------------------------
--- Public Share & Msgs ---
-------------------------- */

div.pub_container {
width: 840px;
margin: 0 auto;
}

div.pub_container div#logo {
height: 4.7em;
padding: 13px 20px 2px 0px;
background: none;
margin-left: 23px;
}
div.pub_container div#logo a {
top: 15px;
}


/* -----------------------
------ To Decide --------
------------------------ */

label, input[type="button"], input[type="submit"], input[type="checkbox"], button {
cursor: pointer;
}



/* -----------------------
------ Survs 2.0 --------
------------------------ */

span.surveys-menu  {
color: #264E12;	
}
span.surveys-menu a {
color: #264E12;	
border-bottom: 1px dotted #264E12 !important;	
}
span.surveys-menu > span {
padding: 0 10px;
}
span.surveys-menu a:hover {
border-bottom: 1px dotted #264E12 !important;	
}

table td.surveys-menu {
font-size: 16px;
}
table td.surveys-menu a {
font-size: 13px;
padding: 4px 13px;
color: #444;
border: none;
border-left: 1px solid #ccc !important;
}
table td.surveys-menu a.first {
border-left: none !important;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
table td.surveys-menu a.last {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
table td.surveys-menu a.selected {
}
table td.surveys-menu a:hover  {
background: none !important;
}
table td.surveys-menu a:hover span {
border-bottom: 1px dotted #aaa;
}


div#content h3 a {
border: none;
border-bottom: 1px dotted #aaa;
}
div#content h3 span {
padding: 0 3px;
}


div.actions-menu a {
padding: 6px 13px;
color: #444;
border: none;
border: 1px solid #ccc !important;
background: #eee;
border-width: 1px 0px 1px 1px !important;
}
div.actions-menu a.first {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
div.actions-menu a.last {
border-width: 1px 1px 1px 1px !important;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
div.actions-menu a:hover {
background: none !important;
}
div.actions-menu a:hover span {
border-bottom: 1px dotted #aaa;
}

div.action a {
padding: 6px 13px;
color: #444;
border: none;
border: 1px solid #ccc !important;
background: #eee;
border-radius: 4px;
}
div.action a:hover {
background: none !important;
}
div.action a:hover span {
border-bottom: 1px dotted #aaa;
}

.small { font-size: 12px; }



div.survey-head {
margin: 5px auto 15px auto;
width: 960px;
color: #666;
font-size: 12px;
}

div.survey-navigation {
font-size: 0;
margin: 12px 0 0 0;
width: 460px;
color: #aaa;
float: right;
text-align: right;
}
div.survey-navigation a.main-tab {
font-size: 14px;
padding: 10px 15px;
color: #444;
border: none;
font-weight: 600;
border-right: 1px solid #ddd;
box-shadow: 0 1px 1px #bbb;
z-index: 999;
background: #ebebeb;
background: linear-gradient(#f5f5f5, #e5e5e5);
}
div.survey-navigation a.first {
border-radius: 4px 0 0 4px;
}
div.survey-navigation a.last {
border-right: none;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-radius: 0 4px 4px 0;
}

div.survey-navigation a.main-tab:hover {
background: #e5e5e5;
background: linear-gradient(#eee, #ddd);
}

div.survey-navigation a.main-tab:active {
background: #e5e5e5;
background: linear-gradient(#ddd, #eee);
}

div.survey-navigation a.active {
background: #e5e5e5 !important;
box-shadow: 0 1px 1px #bbb, inset 0px 1px 5px #bbb;
}
div.survey-navigation span.disabled {
font-size: 13px;
padding: 10px 15px !important;
color: #aaa;
border: none;
font-weight: 500;
background: #eee;
border-right: 1px solid #ddd;
box-shadow: 0 1px 1px #bbb;
background: linear-gradient(#fafafa, #eeeeee);
}

div.survey-navigation div {
position: relative;
float: right;
}

span.item-drop {
display: inline-block;
margin-left: 6px;
margin-right: -7px;
vertical-align: middle;
border-radius: 3px;
padding: 8px 6px 11px 9px;
background: url(../pics/drop-2.gif) 3px 6px no-repeat !important;
}

ul.drop-menu {
position: absolute;
left: 0;
top: 28px;
border: 1px solid #ddd;
background: #fafafa;
list-style: none;
padding: 0 !important;
border-radius: 3px;
}
ul.drop-menu li {
text-align: left;
border: none;
border-bottom: 1px solid #fff;
}
ul.drop-menu li a {
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
display: block;
width: 120px;
color: #444 !important;
text-decoration: none !important;
border: none !important;
padding: 5px 10px 5px 10px !important;
margin-right: 0 !important;
background: #fafafa;
font-size: 13px;
font-weight: 500;
}
ul.drop-menu li a:hover {
background: #eee !important;
}

ul.drop-menu li a.mover { background-color: #eee !important; }


div.shadow {
height: 4px;
background: -webkit-linear-gradient(#aaa, #eee);
}

p.sub {
margin: 15px 0 10px 0 !important;
color: #666;
font-size: 12px;
}
span.description {
font-size: 13px;
font-weight: normal;
}

p.sub span.bar {
color: inherit;
padding: 0 2px;
}

#content-body p.sub {
margin: -15px 0 20px 0 !important;
color: #666;
font-size: 12px;
}


.trdraft .col1 span {
background: #d2a237;
color: #fff2b4;
font-weight: bold;
border-radius: 3px;
}
.trscheduled .col1 span {
background: #479597;
color: #bae3ea;
font-weight: bold;
border-radius: 3px;
}
.trsent .col1 span {
background: #7da054;
color: #d2edbe;
background: #fff;
color: #7da054;
font-weight: bold;
border-radius: 3px;
}
.trblocked .col1 span {
background: #b04f2f;
color: #f9c8ac;
font-weight: bold;
border-radius: 3px;
}


span.bar {
color: #aaa;
padding: 0 5px;
}
span.ddlabel span.bar {
padding: 0 0;
}

a.back, a.plan {
border: none;
color: #666;
padding: 1px 0;
}
a.back:hover, a.plan:hover {
background: #eee;
}
a.plan {
border-bottom: 1px dotted #ccc;
}
a.back span {
padding: 6px 0;
}
div.hr {
border-top: 2px solid #eee;
}

a.back-link {
border: none;
}
a.back-link span {
border-bottom: 1px solid rgba(53,137,167,0.5);
}

.upgrade {
color: #888;
}



@media only screen and (max-height: 700px) {
	
	div#logo {
	height: 52px;
	padding: 0px 20px 0px 20px;
	}
	div#logo a {
	top: 5px;
	left: 0px;
	/*background: url(../pics/logo_180px.png) left bottom no-repeat;*/
	}
	div#mainnav ul {
	top: -27px;
	}
	#supportnav {
	top: 27px;
	}

}




.crosstab-matrix .total .col1 {
text-align: right;
}
.crosstab-matrix .total td {
text-align: center;
}
.crosstab-question-title {
display: block;
width: 320px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}


.file-disabled {
color: #aaa;
}



/* -----------------------
-------- Stripe ---------
------------------------ */


.StripeElement {
width: 400px;
font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
background: #fff;
border: 1px solid #aaa;
padding: 7px 6px 5px 6px;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
}

#card-errors {
padding: 5px 0 0 0 !important;
display: inline;
color: #bd2626;
}


#reviewing-status-placeholder div {
display: inline-block;
height: 33px;
vertical-align: middle;
box-sizing: border-box;
padding: 8px 0;
}
#reviewing-status-placeholder span {
display: inline-block;
position: relative;
top: -3px;
padding-left: 5px;
}

.buttons-container {
margin-top: 15px;
margin-bottom: 5px;
}




/* -----------------------
-------- Organize ---------
------------------------ */


.drhouse {
width: auto;
padding: 0.15em 0.5em;
font-size: 1.0em;
background: #000;
opacity: 0.75;
color: #ddd;
text-align: left;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
}