@import url('menu.css');
@import url('facebox.css');
@import url('ui.datepicker.css');
@import url('ui.tabs.css');
@import url('color_picker.css');
@import url('clock_picker.css');

/** GENERAL DOCUMENT STYLES **/

html {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	margin: 0px;
	overflow-y: scroll;
}

body {
	background: #FFFFFF url(../images/plumbg.gif) no-repeat fixed;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	margin: 0px;
	
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #445978;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555555;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

a, a:link, a:visited {
	color: #445978;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
a img {
  border: none;
}

pre {
	font-family: Monospace;
	font-size: 12px;
	color: #333333;
	margin: 0px;
}

div img {
  margin-top: -2px;
	vertical-align: top;
}
img.mid {
  vertical-align: middle;
}

div.root {
  padding: 10px 15px 15px 15px;
  margin: -5px auto; 
  width: 900px; 
  text-align: left;
  background-color: #FCFCFC;
  /*background-image: url(../images/rootbg.png);
  background-repeat: repeat;*/
  border: 10px solid #F0EDEF;
  border-top: none;
  border-bottom: none;
}

h1.bigger, h2.bigger, h3.bigger { /* MOAR! */
	font-size: 160%;
}
label.bigger {
  font-size: 125%;
}

.rt {
	text-align: right;
}
.ctr {
	text-align: center;
}
.clear {
  line-height: 0px;
  clear: both;
}

/** FORM STYLES **/

form {
	margin: 0px;
}

label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

input, button, textarea, .default {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #BBB8CF;
	color: #333333;
	background-color: #FFFFFF;
	vertical-align: middle;
	padding: 1px;
	margin: 0px;
}

input.button, button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: normal;
  background: #FFFFFF url(../images/buttonraisedbg_off.gif) repeat-x;
}

input.big {
  font-size: 120%;
  padding: 5px;
}

button:hover, input.button:hover {
	cursor: pointer;
	padding: 1px;
	background: #FFFFFF url(../images/buttonraisedbg_over.gif) repeat-x;
} 
input.big:hover {
  padding: 5px;
}

input.button-pressed {
	cursor: pointer;
	background-color: #BBB8CF;
	color: #FFF;
	padding: 1px;
}

input.radio {
	border: none;
	width: 14px;
	height: 14px;
	cursor: pointer;
	background-color: transparent;
}
input.checkbox {
	border: none;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-color: transparent;
}
input.checkbox.sm {
	width: 14px;
	height: 14px;
}

input.highlight, textarea.highlight, .highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #BBB8CF;
	color: #333333;
	background-color: #FFFFBB;
	padding: 2px;
	margin: 0px;
	vertical-align: middle;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	border: 1px solid #BBB8CF;
	color: #333333;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 1px;
	margin: 0px;
	vertical-align: middle;
	text-align: center;
}

input:disabled, textarea:disabled, select:disabled, .disabled {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #BBB8CF;
	color: #333333;
	background-color: #DDDDDD;
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
	padding: 2px;
	margin: 0px;
}

select:disabled {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #BBB8CF;
	color: #333333;
	background-color: #DDDDDD;
	vertical-align: middle;
	padding: 1px;
	margin: 0px;
}

select.selpag {
  margin-top: -3px;
  font-weight: bold;
}

option.special {
  font-style: italic;
}

input.nostyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: transparent;
	border: transparent;
	vertical-align: middle;
	padding: 2px;
	margin: 0px;
}

input.badinput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #BBB8CF;
	color: #FFFFFF;
	background: #FF8888;
	vertical-align: middle;
	padding: 2px;
	margin: 0px;
}

hr {
	border: 0;
	color: #BBB8CF;
	background-color: #BBB8CF;
	height: 1px;
}

input.search-filter {
  border: 2px solid #EE8844;
}


/** FIELDSET STYLES **/

fieldset {
	border: 1px solid #551C54;
	padding: 0px 10px 10px 10px;
	margin-top: 20px;
}


/** INFO COLUMN STYLE **/

div.rightcol {
  float: right;
  width: 210px;
  padding: 10px;
  margin: 0px;
  color: #555;
	border: 1px solid #BBB8CF;
	background: #F0EDEF url(../images/boxgradientrev.png) repeat-x scroll top center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 8px;
}

div.rightcol p {
  margin: 5px 0 10px 0;
}

div.rightcol h2 {
  text-align: center;
}

div.rightcol h2 img {
  margin-top: -3px;
  vertical-align: middle;
  margin-left: -15px;
}

div.rightcol ul.blocks {
  list-style: none;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 0px;
  text-indent: 0;
}

div.rightcol ul.blocks li {
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #BBB8CF;
  text-align: left;
  display: block;
  padding: 5px 0px;
  margin: 0;
}

div.rightcol ul.blocks li div.value {
  float: right;
  font-style: normal;
}

div.rightcol ul.blocks li.split {
  font-style: italic;
}

div.rightcol ul.blocks li.header {
  border-top: none;
  border-bottom: 1px solid #BBB8CF;
  text-transform: uppercase;
  padding-bottom: 2px;
  text-align: left;
  font-size: 7pt;
  font-weight: bold;
}

div.rightcol ul, div.rightcol ol {
  margin-top: 6px;
  margin-bottom: 6px;
  padding-left: 0px;
  margin-left: 10px;
  text-indent: -10px;
}

div.rightcol ul li, div.rightcol ol li {
  padding: 3px 0;
  display: block;
}


/** SURVEY TABLE STYLES **/

table#surveytable a:hover {
  border-bottom: 1px solid #445978;
}
table.surveydelete p {
  margin: 0.5em 0;
  padding-left: 5em;
  text-indent: -5em;
}

img.btn-edit-down, img.btn-test-down, img.btn-deploy.down {
  /*cursor: pointer;*/
}
div.popunder {
  text-align: left;
  position: absolute;
  margin-top: 18px;
  margin-left: 12px;
  background-color: #FFFFFF;
  padding: 8px 10px 2px 10px;
  border: 1px solid #445978;
  z-index: 10;
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
}
div.popunder p {
  margin-top: 0px;
  margin-bottom: 4px;
}
div.popunder p.ctr {
  padding-top: 5px;
  border-top: 1px solid #BBB8CF;
}
div.popunder input {
  width: 120px;
}
div.popunder label {
  font-weight: bold;
}
div.popunder label.sublabel {
  font-weight: normal;
  padding-left: 10px;
  font-size: 10px;
  text-transform: uppercase;
}
div.popunder option.taken {
  font-style: italic;
  color: #777777;
}


/** SURVEY OPTIONS / REPORTING OPTIONS / ACCOUNT OPTIONS STYLES **/

table.optionstable input[type=radio] {
  margin-top: -3px;
}

table.optionstable td {
  padding-top: 3px;
  padding-bottom: 3px;
}

table.optionstable tr.section td {
  width: auto;
  padding-top: 10px;
}

table.optionstable td.rt {
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}
table.optionstable td.rt label {
  cursor: auto;
}
table.optionstable label {
  cursor: pointer;
}
table.optionstable td.footer label {
  font-style: italic;
}

table.optionstable tr.section h3 {
  font-size: 125%;
  margin-top: 20px;
  margin-bottom: 0px;
}

table.optionstable textarea {
  width: 98%;
}

table.optionstable a.withicon {
  text-decoration: none;
}
table.optionstable a.withicon:hover {
  border-bottom: 1px solid #445978;
}

table.optionstable p {
  margin-top: 3px;
  margin-bottom: 3px;
}

table.optionstable div.sublabel {
  float: left;
  text-align: right;
  padding-right: 5px;
  width: 80px;
}

#weboptions table.optionstable ul {
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  margin-left: 0px;
  padding-left: 15px;
  text-indent: -15px;
}
#weboptions table.optionstable ul li {
  margin-top: 3px;
  margin-bottom: 3px;
}

#weboptions table.optionstable #style_template {
  width: 120px;
}

#phoneoptions #opt-phone-tts-voice option {
  text-align: left;
}
#phoneoptions option.engine {
  font-weight: bold;
  font-style: italic;
}

table.optionstable tr.filter-by-response h3 {
  margin: 0;
}
table.optionstable tr.filter-match-all-any td {
  padding: 0;
}

div#editStyle {
  text-align: center;
}
div#editStyle table {
  margin-bottom: 3px; 
}
div#editStyle td {
  padding-left: 5px;
  padding-right: 5px;
}
div#editStyle td.rt {
  padding-left: 15px;
  font-weight: bold;
}
div#editStyle span.ground {
  vertical-align: middle;
}

select.font {
  width: 120px;
}
select.size {
  width: 45px;
}
select.style {
  width: 85px;
}
select.align {
  width: 70px;
}
select.lstyle {
  width: 90px;
}
select.question {
  width: 220px;
}
select.question, select.question option {
  text-align: left;
}
select.question option.question {
  font-weight: bold;
}
select.question option.page {
  font-style: italic;
  text-align: center;
}
select.question option.ani-ip, select.question option.source, select.question option.campaign-id {
  font-weight: bold;
}
td.comparison select {
  width: 90px;
}
td.value select, td.value input {
  width: 106px;
}
td.value input.date, td.value input.time, td.value input.digits {
  width: 70px;
}

table.optionstable #survey-id {
  max-width: 400px;
  text-align: left;
}

/* textarearesizer */
div.grippie {
  background:#DDD url(../images/grippie.png) no-repeat scroll center 2px;
  border-color:#BBB;
  border-style:solid;
  border-width:0pt 1px 1px;
  cursor:s-resize;
  height:9px;
  overflow:hidden;
}
.resizable-textarea {
  padding-top:2px;
}
.resizable-textarea textarea {
  font-family: Courier, 'Courier New', monospace;
  display: block;
  margin-bottom:0px;
  width:95%;
  height: 20%;
}
textarea.hidden {
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 1px;
  height: 1px;
}


/** AUDIO MANAGER STYLES **/

table#audiotable a:hover {
  border-bottom: 1px solid #445978;
}

table#audiotable td {
  vertical-align: middle;
  padding: 5px 10px;
}

table#audiotable td.icon {
  width: 14px;
}

table#audiotable td.locations {
  white-space: nowrap;
}

table#audiotable td.action {
  text-align: left;
  padding-left: 10px;
}

table#audiotable td.action img {
  margin-top: -1px;
}

table#audiotable td.action img.arrow-down {
  position: absolute;
  margin-left: 82px;
  margin-top: 0;
}
table#audiotable div.popmain {
  width: 82px;
  height: 18px;
  padding: 2px 0 0 0;
  text-align: center;
  border: 1px solid #a0aec3;
}

table#audiotable img.play, table#audiotable img.stop {
  cursor: pointer;
}
table#audiotable textarea {
  font-family: Courier, 'Courier New', monospace;
}

table#audiotable div.popunder {
  margin-top: 21px;
  margin-left: 0px;
  width: 75px;
}


/** PAGE EDITOR STYLES **/

div#loader {
  text-align: center;
  padding: 10px 0px 10px 0px;
}

span#errorfloat {
  text-align: right;
}

td.editoricon {
  padding-right: 5px;
}
td.paginator {
  white-space: nowrap;
  padding-right: 10px;
  vertical-align: middle;
}
td.paginator img {
  vertical-align: top;
}
td.paginator #selpaginator {
  width: 140px;
}
td.exitbuttons {
  vertical-align: middle;
  border-left: 2px dotted #BBB8CF;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  white-space: nowrap;
}
td.exitbuttons img {
  vertical-align: middle;
}
td.exitbuttons-alt {
  border-left: 2px dotted #BBB8CF;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
}

input.pg {
  margin-top: -3px;
  border: none; 
  width: 24px;
  height: 24px;
}
input.pg.pg-button {
  cursor: pointer;
  background: transparent url(../images/page_off.png);
}
input.pg.pg-button-pressed {
  color: #FFFFFF;
  font-weight: bold;
  cursor: auto;
  background: transparent url(../images/page-curr_off.png);
}
input.pg.pg-button:hover{
  background: transparent url(../images/page_over.png);
}

input.pgall {
  text-align: left;
  padding-left: 4px;
  margin-top: -3px;
  border: none; 
  width: 31px;
  height: 24px;
}
input.pgall.pgall-button {
  cursor: pointer;
  background: transparent url(../images/pageall_off.png);
}
input.pgall.pgall-button-pressed {
  color: #FFFFFF;
  padding-left: 3px;
  font-weight: bold;
  cursor: auto;
  background: transparent url(../images/pageall-curr_off.png);
}
input.pgall.pgall-button:hover{
  background: transparent url(../images/pageall_over.png);
}

table.pagetable td.pagebuttons select{
  width: 95px;
}
table.pagetable td.previewbutton {
  width: 50px;
}

table.pagetable td.shuffle {
  width: 45px;
  padding-left: 15px;
}

ol.editor {
	padding-top: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-left: -1em;
	padding-left: 2.5em;
}
ol.editor .question {
	clear: both;
	padding-top: 20px;
}

ol.sectioneditor {
	list-style-type: lower-alpha;
	padding-top: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-left: -1em;
	padding-left: 2.5em;
}
ol.sectioneditor .question {
	clear: both;
	padding-top: 15px;
}
ol.sectioneditor .question div.questioncontents {
	border: 1px solid #BBB8CF;
  background-image: url(../images/boxgradientrev.png);
	background-color: #F0EDEF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 8px;
}
ol.sectioneditor .attached {
	clear: both;
	padding-top: 0px;
}
ol.sectioneditor .attached div.questioncontents {
  background-image: none;
	border-top: none;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-top-left-radius: 0px;
	-moz-border-radius: 0px 0px 10px 10px;
}
ol.sectioneditor .attachee div.questioncontents {
	border-bottom: none;
}

input.text-underline, textarea.text-underline {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid #BBB8CF;
	color: #333333;
	background-color: transparent;
	vertical-align: middle;
	width: 100%;
	padding: 1px;
	margin: 0px;
}
textarea.text-underline {
  height: 16px;
}
input.text-underline:hover, textarea.text-underline:hover {
	border: 1px dotted #9998AF;
	background-color: #FFFFF0;
}

input.phone {
  padding-left: 22px;
	background: transparent url(../images/telephone.png) no-repeat scroll left;
	width: 96%;
}
input.webservice, input.subdialog {
  padding-left: 22px;
	background: transparent url(../images/server_link.png) no-repeat scroll left;
	width: 96%;
}

ol.editor input.error {
  color: red;
}
input.bold, textarea.bold {
	font-size: 14px;
	font-weight: bold;
}
input.bigger {
	font-size: 130%;
	letter-spacing:0.5px;
}

label.text-underline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
}

label.text-underline a {
	font-size: 10px; 
}

ol.sectioneditor input.bold, ol.sectioneditor textarea.bold {
	font-size: 14px;
	font-weight: normal;	
}

div.questioncontents {
	float: right;
	width: 98%;
	border: 2px solid #BBB8CF;
	background: #FFFFFF url(../images/boxgradient.png) repeat-x scroll top center;
	margin-top: -8px;
	padding: 5px 2px 5px 5px;
	-moz-border-radius: 10px;
  -webkit-border-radius: 16px;
}
td.questiontypes {
	text-align: center;
	width: 65px;
}
td.required {
	text-align: center;
	width: 50px;
}

div.matrixtype {
  font-weight: bold;
  margin-top: 5px;
  padding-top: 7px;
	border-top: 2px dotted #BBB8CF;
  width: 100%; 
  text-align: center;
  line-height: 22px;
}
div.matrixtype img {
  vertical-align: bottom;
}
li.matrix .skiplogic {
  display:none;
}

table.pagetable {
	margin-bottom: 0px; 
	width: 100%; 
	border-spacing: 0px 0px;
}
table.pagetable td {
	padding: 0px 5px 0px 3px;
}
table.pagetable tr.questionrow {
	vertical-align: top;
}
table.pagetable td.pagebuttons{
	width: 260px;
}
table.pagetable td.questionbuttons {
	vertical-align: middle;
	padding: 0px 2px 0px 0px;
	border-left: 2px dotted #BBB8CF;
	white-space: nowrap;
}
table.pagetable img.btn-down, table.pagetable img.btn-minus {
  padding-right: 3px;
}
table.pagetable img.btn-down {
  padding-left: 3px;
}
table.pagetable td.buttonrow {
	font-weight: normal;
	font-style: italic;
	text-align: center;
	padding-top: 5px;
}

table.choicetable {
	margin-top: 5px;
	margin-bottom: 0px; 
	width: 100%; 
	border-top: 2px dotted #BBB8CF;
	border-spacing: 0px 0px;
	text-align: center;
}
table.choicetable thead tr {
	background-color: #F0EDEF;
}
table.choicetable td {
	padding: 0px 5px 0px 5px;
}
table.choicetable th {
	text-align: center;
	font-size: 10px;
	color: #445978;
}
table.choicetable .fakeinput {
	width: 10px;
}
table.choicetable .fakeinput input {
	border: none;
}
table.choicetable .datavalue {
	width: 100px;
}
table.choicetable .utterance {
	width: 100px;
}
table.choicetable .skiplogic {
	width: 100px;
}
table.choicetable .skiplogic select {
	width: 100px;
}
table.choicetable .choicebuttons {
	width: 25px;
}
table.choicetable td.buttonrow {
	padding-top: 2px;
}

table.optiontable {
  width: 100%;
	border-spacing: 0px 0px;
}
table.optiontable td {
  padding-top: 2px;
}
table.optiontable td.desc {
  width: 17%;
  text-align: right;
}
table.optiontable td.desc label {
  font-size: 80%;
  font-weight: bold;
}
table.optiontable td.value {
  width: 16%;
}

div.tab-bar {
  margin-top: 2px;
  width: 95%;
  text-align: center;
}
div.tab-bar ul {
  margin-left: 0;
	padding-left: 0;
	display: inline;
}
div.tab-bar ul li {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	border: none;
	list-style: none;
	display: inline;
}

select#nextpageid {
  width: 130px;
}


/** REPORT STYLE **/

#report h3.filtered a {
  padding-left: 10px;
  color: #AA4400;
  font-weight: normal;
  text-decoration: none;
}

#report ol.sectioneditor {
  margin-top: 0px;
  padding-left: 0em;
  list-style-type: none;
}

#report div.questioncontents {
  padding: 9px 7px 9px 7px;
  margin-top: 0px;
  margin-bottom: 10px;
}

#report div.questioncontents ol.sectioneditor div.questioncontents {
  margin-top: -8px;
  margin-bottom: 0px;
}

#report div.questioncontents div.responses {
  float: right;
  margin-top: 4px;
}

#report table.pagetable td.filters {
  text-align: right;
  padding-bottom: 4px;
  color: #AA4400;
}

#report table.pagetable td.filters a {
  color: #555;
}

#report table.analysistable {
  width: 100%; 
  border-spacing: 0px;
}

#report table.analysistable table.answertable tr {
  height: 23px;
}

#report table.statistics {
  margin-top: 15px;
  margin-bottom: 10px;
  width: 100%;
  background: white;
  border-collapse: collapse;
}
#report table.statistics td {
  width: 20%;
  text-align: center;
  border: 1px solid #BBB8CF;
  padding: 3px;
}
#report table.statistics td label {
  font-weight: bold;
  padding-right: 10px;
}

#report table.analysistable td.answers {
  width: auto;
}
#report table.analysistable td.answers div.nowrap {
  height: 15px;
  overflow: hidden;
}
#report table.analysistable td.bar {
  padding-left: 0px;
  overflow: visible;
  width: 240px;
}
#report table.analysistable td.pie {
  overflow: visible;
  width: 200px;
}
#report table.analysistable .num {
  white-space: nowrap;
  width: 50px;
}
#report table.analysistable .num span {
  white-space: nowrap;
}
#report table.analysistable .percent {
  width: 50px;
}

#report .gchart, #report .plotkit {
  overflow: visible;
}

#report table.analysistable .historytitle, #report table.analysistable .maptitle, #report table.analysistable .histogramtitle {
  font-weight: bold;
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4px;
}
#report table.analysistable .historytitle .timerange {
  font-weight: normal;
  font-size: 75%;
}


/** INDIVIDUAL RESPONSES STYLE **/

#responses table.filters {
  width: 800px;
  padding-left: 10px;
  padding-bottom: 4px;
  color: #AA4400;
}

#responses table.filters a {
  font-style: italic;
  color: #AA4400;
}

#responses table.filters td.funnel {
  width: 24px;
}

#responses #visittable th img {
  vertical-align: middle;
}

#responses #visittable a:hover {
  border-bottom: 1px solid #445978;
}

#responses #form1 label {
  font-weight: bold;
}
#responses #form1 label#for-visit-chk-all {
  font-weight: normal;
  font-style: italic;
}

#response table.info {
  font-size: 15px;
  width: 100%;
}
#response table.info img, #response table.answers img {
  vertical-align: bottom;
}
#response table.info tr.filters td {
  text-align: center;
  color: #AA4400;
}
#response table.info label {
  font-size: 15px;
  font-weight: bold;
  padding-right: 10px;
}
#response table.answers {
  width: 99%;
  margin-left: 0px;
  margin-top: 10px;
}
#response table.answers th {
  white-space: nowrap;
}
#response table.answers td.page {
  width: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 125%;
}
#response table.answers td.question {
  font-weight: bold;
  width: 300px;
}
#response table.answers td.ani-ip {
  text-align: center;
  white-space: nowrap;
  width: 150px;
}
#response table.answers td.timestamp {
  text-align: center;
  width: 180px;
  white-space: nowrap;
}
#response table.answers td.subquestion {
  padding-left: 30px;
  font-style: italic;
}

/** CONTACTS STYLE **/
#limit-contacts-by-tag {
  padding-top: 7px;
  padding-left: 4px;
  border: 1px dotted #CCC;
  border-width: 1px 0 0 0;
}
#contacttable td.contact-name {
  background-color: white;
  font-weight: bold;
}
#contacttable td.checkboxcolumn {
  white-space: nowrap;
}
#contacttable td.edit-contact {
  background-color: white;
  font-weight: normal;
  white-space: nowrap;
}
#contacttable td.delete-contact {
  background-color: white;
  font-weight: normal;
  white-space: nowrap;
}
#contacttable td.phone-number {
  white-space: nowrap;
}
#contacttable #addtag {
  width: 100px;
}
#contacttable a:hover {
  border-bottom: 1px solid #445978;
}
#contacttable td { 
  line-height: 1.4em;
}
#contacttable img {
  vertical-align: middle;
}
#contactview #search {
  width: 100px;
}
.on-selected {
  font-weight: bold;
}
#contactview #maxlocper {
  width: 124px;
}
#contactview #priorityfloat {
  float: left;
  padding: 2px 0;
}
#contactview #priorityfloat label, #contactview #priorityfloat ul, #contactview #priorityfloat input.button {
  float: left;
}
#contactview #priorityfloat input.search {
  margin: -2px 0 0 2px;
}
#contactview ul.sortable-floatleft {
  margin: 0;
  padding: 0 10px 0 0;
}
#contactview ul.sortable-floatleft li {
  list-style: none;
  float: left;
  padding: 0 2px;
  cursor: move;
}
.sortable-dragging #contactview ul.sortable-floatleft li {
  cursor: -moz-grabbing;
}
#contactview ul.sortable-floatleft li img, label.tag img { vertical-align: middle; }
#contactview .floatleft {
  float: left;
  padding-right: 0.25em;
  padding-bottom: 0.2em;
}
a.tag, label.tag { padding-right: 0.25em; font-style: italic; white-space: nowrap; text-decoration: none; }
a.tag:hover, #contacttable a.tag:hover { border-bottom: none; }
a.tag:hover span { color: red; text-decoration: line-through; }
#contacttable a.tag img.tagicon { vertical-align: bottom; }
#contacttable a.tag img.tagdelete { vertical-align: bottom; }
a.tag img.tagdelete { display:none; }
a.tag:hover img.tagicon { display:none; }
a.tag:hover img.tagdelete { display:inline; }
.tag.red {color: #663333;}
.tag.orange {color: #ce7e00;}
.tag.yellow {color: #777700;}
.tag.pink {color: #DD8888;}
.tag.green {color: #5b9447;}
.tag.blue {color: #556688;}
.tag.purple {color: #663366;}
#contactview tr.buttonrow {
  font-style: italic;
}
#contactview #delete-selected {
  font-style: normal;
  font-weight: bold;
}

#contactnew td.rt label {
  font-weight: bold;
}

#contactnew .padded td {
  padding: 10px;
}
#contactnew tr.sublabels label {
  font-size:80%;
  font-weight:normal;
  text-transform: uppercase;
  line-height: 0.8em;
}

#contactnew #locationlist {
  padding-top: 10px;
}
#contactnew table.contactlocation {
  border: 1px solid #BBB8CF;
  background: #FFFFFF url(../images/boxgradient.png) top center repeat-x;
	-moz-border-radius: 10px;
	-webkit-border-radius: 8px;
	margin: 0 10px 10px 10px;
}

#contactnew table.contactlocation td.locationfield {
  text-align: right;
  width: 135px;
}
#contactnew table.contactlocation td.locationfield label {
  font-weight: bold;
}

#contactnew table.contactlocation td.buttoncol {
  vertical-align: middle;
}

#contactnew table.contactlocation td.locationtype {
  background: transparent url(../images/contact-other.png) 10px 4px no-repeat;
  padding: 2px 30px 0;
  height: 2.0em;
  vertical-align: top;
}
#contactnew table.contactlocation td.locationtype select.sellocationtype {
  font-size: 1.3em;
  font-weight: bold;
}
#contactnew table.contactlocation td.locationtags {
  padding-left: 60px;
  text-indent: -60px;
}
#contactnew table.contactlocation td.locationtags label {
  font-weight: bold;
  padding: 0 0.2em;
}
#contactnew table.contactlocation td.locationtags img {
  vertical-align: middle;
}
#contactnew table.contactlocation td.locationtags span.groupadder {
  white-space: nowrap;
  padding-left: 0.5em;
}
#contactnew table.mobile td.locationtype {
  background-image: url(../images/mobile.png);
}
#contactnew table.home td.locationtype {
  background-image: url(../images/home.png);
}
#contactnew table.work td.locationtype {
  background-image: url(../images/work.png);
}
#contactnew table.contactlocation input.invalid {
  border: 1px solid red;
}

#contactnew #buttonrow td {
  padding: 0 10px 10px 10px;
}
#contactnew td.addmore label {
  padding-left: 50px;
  font-style: italic;
}
#contactnew td.addmore label img {
  vertical-align: middle;
}
#contactnew td.addmore select {
  font-weight: bold;
}

#contactimport table tr td.ignored {
  background-color: #ddd;
  color: #777;
  font-style: italic;
  font-weight: bold;
}


/** CAMPAIGN STYLE **/

table#campaigntable table.list td {
  height: 1.6em;
}
table#campaigntable td.starts {
  text-align: center;
}
table#campaigntable td.type {
  vertical-align: middle;
}
table#campaigntable td.duration {
  text-align: center;
}
table#campaigntable a:hover {
  border-bottom: 1px solid #445978;
}
#campaigntable span.waiting {
  color: #887711;
}
#campaigntable span.running {
  color: #228822;
  font-weight: bold;
}
#campaigntable span.ended {
  color: #777;
  font-style: italic;
}
#campaigntable span.paused {
  color: #777;
  font-weight: bold;
}
#correspondencetable th {
  white-space: nowrap;
}
#correspondencetable th img {
  vertical-align: middle;
}
#campaigntable .with-what-label {
  font-weight: bold;
  font-style: normal;
  display: block;
  float: right;
  text-align: right;
  width: 60%;
}
#campaigntable #with-all-what {
  width: 200px;
  text-align: left;
}
#campaigntable .selected {
  background-color: #E0FFE0;
	font-weight: bold;
}
#campaigntable .completed {
  color: #228822;
  font-weight: bold;
}
#campaigntable .notcompleted {
  color: #444444;
  font-weight: bold;
}
#campaigntable .queued {
  color: #887711;
}
#campaigntable .nobegin {
  color: #777;
  font-style: italic;
}
#campaigntable .nofinish {
  color: #777;
  font-style: italic;  
}
#campaigntable .failed {
  color: #880000;
  font-weight: bold;
}
#campaigntable tr.buttonrow {
  font-style: italic;
}
#target-group .floatleft {
  width:100%;
  line-height: 1.6em;
}
#target-group-results {
  line-height: 1.6em;
}
#target-group-results ul {
  padding-left: 1.5em;
  font-style: italic;
  list-style-type: circle;
  margin-top: 0;
}


/** DIALOG STYLE **/

.jqiwarning .jqi{
  background-color: #F0EDEF;
}
.jqifade{
  background-color: #333333;
}
div.jqi{
  font-size: 120%;
  text-align: left;
  position: absolute;
  background: #BBB8CF;
  padding: 7px;
  width: 500px;
}
div.jqi .jqiclose{
  display: none;
}
div.jqi .jqicontainer{
  background-color: #F0EDEF;
  padding: 5px;
  color: #333333;
  font-weight: bold;
}
div.jqi .jqimessage{
  background-color: transparent;
  padding: 10px 10px 10px 63px;
}
div.jqi .jqimessage blockquote {
  padding: 10px;
  margin: 10px;
  border: 1px solid #BBB8CF;
  background-color: white;
}
div.jqi .jqibuttons{
  text-align: center;
  padding: 5px 0 0 0;
}
div.jqi button{
  font-weight: normal;
  padding: 3px 10px 3px 10px;
  margin: 0 10px;
}
div.jqi img.icon {
  float: left;
  margin-top: -2px;
  margin-left: -50px;
  padding-left: 0px;
  padding-right: 5px;
}
div.jqi small p {
  font-weight: normal;
  margin-top: 5px;
  margin-bottom: 5px;
}
div.jqi p label {
  font-weight: bold;
}


/** TOOLTIP STYLE **/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
  -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}
#tooltip .body {
  color: #111;
}
#tooltip h3.tooltip-title {
  color: #111;
  white-space: nowrap;
  font-weight: normal;
  font-size: 13px;
}
#tooltip h3, #tooltip div { margin: 0px 0px -3px 0px; }
#tooltip p { 
  margin: 6px 0px 3px 4px; 
  width: 200px;
  text-align: left;
}
.tooltip-cursor {
  cursor: help !important;
}
.menu-tooltip {
  padding-right: 30px;
  font-size: 13px;
}


/** TABLE STYLES **/

table {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	margin: 0px;
	empty-cells: show;
	vertical-align: top;
}

td.divider {
	line-height: 5px;
}

td {
	padding: 0px 2px 1px 2px;
}

td.fixedwidth {
	font-family: Monospace;
	font-size: 13px;
}

table.list {
	border-right: 1px solid #BBB8CF;
	border-bottom: 1px solid #BBB8CF;
	border-collapse: collapse;
	empty-cells: show;
	background-color: #FFFFFF;
}

table.list tr.even {
	background-color: #FFFFFF;
}

table.list tr.odd {
	background-color: #F0EDEF;
}

table.list tr.hilite {
  background-color: #E0FFE0;
	font-weight: bold;	
}

table.list th {
	background: #7497C2 url(../images/tableheaderbg.gif) repeat-x;
	border-top: 1px solid #BBB8CF;
	border-left: 1px solid #BBB8CF;
	color: #FFFFFF;
	padding: 4px 10px 4px 10px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

table.list td {
	border-top: 1px solid #BBB8CF;
	border-left: 1px solid #BBB8CF;
	padding: 3px 10px 3px 10px;
}

table.list td.fixedwidth {
	border-top: 1px solid #BBB8CF;
	border-left: 1px solid #BBB8CF;
	padding: 3px 10px 3px 10px;
	font-family: Courier, Monospace;
	font-size: 13px;
}

table.list a {
	text-decoration: none;
}


/** DIV BOXING STYLES **/

.bounded_box {
	border: 1px solid #BBB8CF;
	padding: 10px 10px 8px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.shaded_bounded_box {
	/*border: 1px solid #BBB8CF;
	background-color: #F0EDEF;*/
	border: 1px solid #BBB8CF;
	background: #F0EDEF url(../images/boxgradientrev.png) repeat-x scroll top center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.gray_bounded_box {
	border: 1px solid #BBB8CF;
	background-color: #F6F6F6;
	margin-top: 10px;
	margin-bottom: 10px;
}

.white_bounded_box {
	border: 2px solid #BBB8CF;
	/*background-color: #FFFFFF;*/
	background: #FFFFFF url(../images/boxgradient.png) repeat-x scroll top center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
}


/** MENU BAR/FOOTER BAR STYLES **/

.topmenu {
	margin-top: 7px;
	padding-bottom: 5px;
	background: #FFF url(../images/menubarbg.gif) repeat-x; 
	height: 26px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFFFFF;
}

.topmenu-container {
	background: #FFF url(../images/menubarbg.gif) repeat-x; 
  padding: 0 30px;
	height: 26px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.topmenu-left {
	float: left;
}
.topmenu-right {
	float: right;
	padding-top: 5px;
	padding-right: 15px;
}

.topmenu a:link {
	font-size: 13px; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-transform: uppercase; 
	text-decoration: none
}
.topmenu a:visited {
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
}
.topmenu a:hover {
	text-transform: uppercase;
	text-decoration: none;
	color: #EEEEEE;
}
.topmenu a:active {
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
}

#footer {
  padding: 15px 0px;
  margin: 5px auto; 
  width: 950px;
	background: transparent url(../images/footer.png) no-repeat;
	height: 10px;
	font-size: 11px;
	text-align: center;
	color: #777;
}


/** TREE VIEW STYLES **/
.treejoin {
	background: url(../images/join.gif) no-repeat;
	padding: 2px 0px 0px 15px;
	margin-top: 2px;
}

.treejoinbottom {
	background: url(../images/joinbottom.gif) no-repeat;
	padding: 2px 0px 0px 15px;
	margin-top: 2px;
}


/** ALTERNATE DISPLAY TEXT STYLES **/

.highlight { background-color: yellow; }

.fixedwidth {
	font-family: Monospace;
	font-size: 12px;
	color: #333333;
}

.errormessage {
	font-weight: bold;
	font-size: 13px;
	color: #FF0000;
}

.hint {
  font-weight: normal;
	font-size: 11px;
	color: #777777;
	text-decoration: none;
}

.message {
	font-weight: bold;
	font-size: 13px;
	color: #0000DD;
}

.event {
	color: #000000;
	font-size: 12px;
}

.faq {
  font-weight: bold;
  font-style: italic;
}

.debug {
	position: absolute;
	color: #999999;
	font-size: 9px;
}

.error {
	color: #FF0000;
	font-weight: bold;
}

.result {
	color: #008800;
	font-size: 13px;
	font-weight: bold;
}

.log {
	color: #FFFFFF;
	background-color: #00AA00;
	font-weight: bold;
	font-size: 12px;
}

.deployed {
	color: #541d53;
	font-weight: bold;
}

.testing {
  color: #505050;
	font-weight: bold;
}

.editing {
  color: #445978;
	font-weight: bold;
}

.filtered {
  font-weight: bold;
  color: #AA4400;
}

.vxml {
	background-color: #FFFF99;
	font-family: Monospace;
	font-weight: bold;
	font-size: 12px;
}

.note {
	color: #888888;
	font-size: 11px;
}