/* YUI Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset/*,input,textarea*/,p,blockquote,th,td {
  margin:0;
  padding:0;
}
table {
  /*border-collapse:collapse;*/
  border-spacing:0;
}
fieldset,img {
  border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
q:before,q:after {
  content:'';
}
abbr,acronym { border:0;
}

/* YUI Base -- conflicting styles commented out for Snap WebHost */
body {
  font:13px/1.231 Arial, Helvetica, sans-serif;
}
h1 {
  /*18px via YUI Fonts CSS foundation*/
  font-size:138.5%;
}
h2 {
  /*16px via YUI Fonts CSS foundation*/
  font-size:123.1%;
}
h3 {
  /*14px via YUI Fonts CSS foundation*/
  font-size:108%;
}
h1,h2,h3 {
  /* top & bottom margin based on font size */
  margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
  /*bringing boldness back to headers and the strong element*/
  font-weight:bold;
}
abbr,acronym {
  /*indicating to users that more info is available */
  border-bottom:1px dotted #000;
  cursor:help;
}
em {
  /*bringing italics back to the em element*/
  font-style:italic;
}
blockquote,ul,ol,dl {
  /*giving blockquotes and lists room to breath*/
  margin:1em;
}
ol,ul,dl {
  /*bringing lists on to the page with breathing room */
  margin-left:2em;
}
/*ol li {
  list-style: decimal outside;
}
ul li {
  list-style: disc outside;
}*/
dl dd {
  /*giving UL's LIs generated numbers*/
  margin-left:1em;
}
/*
th,td {
  border:1px solid #000;
  padding:.5em;
}
*/
th {
  font-weight:bold;
  /*text-align:center;*/
}
/*
caption {
  margin-bottom:.5em;
  text-align:center;
}
*/
p,fieldset,table {
  /*so things don't run into each other*/
  margin-bottom:1em;
}




/* Snap WebHost */

body {
  background-color: #FFF;
  color: #454545;
  background-image: url(../images/body-bg.gif);
  background-repeat: repeat-x;
}
a {
  font-weight:bold;
  color:#0066CC;
  text-decoration: none;
}

/*---- miscellaneous ----*/
select#source_surveys, select#target_surveys {
  width: 100%;
}

img.padlock {
  float: right;
  margin: 0px;
  padding: 0px;
}

div.width500 {
  width: 500px;
  margin: 0px auto;
  padding: 0px;
}

.builderror{
  color: red;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#pad20 {
  padding: 10px;
  clear: both;
}

.white {
  background: #FFFFFF;
  padding: 5px;
  margin: 0px;
  clear: left;
}

.whiteTabBox {
  background: #FFFFFF;
  padding: 5px;
  margin: 0px;
  clear: left;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}

div.floatLeft {
  float: left;
  margin-right: 10px;
}

div.errortext {
  color: #CC3333;
  font-weight: bold;
  font-size: 85%;
}

.whitebg {
  background: #FFFFFF;
}

div.linkStack a {
  clear: left;
  margin-bottom: 1px;
}

div.linkStack {
  white-space: nowrap;
  margin: 0px;
  padding: 0px;
  width: 140px;
}

div#splash {
  text-align: center;
  padding: 20px;
  margin-right: auto;
  margin-left: auto;
}

/*---- survey titles ----*/
div#surveytitle {
  color: #272727;
  padding-left: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 138.5%;
  font-weight: bold;
}

table.bars small {
  font-size: 80%;
}

/*---- .bar .settings ----*/
.bars caption,
.settings caption {
  margin: 0px;
  color: #272727;
  text-align: left;
  overflow: hidden;
  font-size: 123.1%;
  padding: 10px 6px 10px 10px;
  border-top: 1px solid #93CFF0;
  border-right: 1px solid #93CFF0;
  border-bottom: 1px none #93CFF0;
  border-left: 1px solid #93CFF0;
  background: #DAEBFA url(../images/caption-bg.gif) repeat-x top;
}

.bars caption a,
.settings caption a {
  font-size: 12px;
  float: right;
  display: block;
  top: 0px;
}

.bars caption a:hover,
.settings caption a:hover {
  color: #272727;

}

.bars caption strong,
.settings caption strong {
  float: left;
  display: block;
  margin: 0px;
  line-height: 1.5em;
}

.bars,
.settings {
  width: 100%;
  margin-bottom: 10px;
  text-align: left;
  background-color: #E9F3FC;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #93CFF0;
  border-right-color: #93CFF0;
  border-bottom-color: #93CFF0;
  border-left-color: #93CFF0;
  font-family: Arial, Helvetica, sans-serif;
}

.bars th, .bars td {
  margin:0;
  padding:6px 7px;
  text-align: left;
  vertical-align: top;
  font-size: 93%;
}

.bars input {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
}

.bars textarea {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
}

.bars th {
  font-weight: bold;
  background-color: #DAEBFA;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #BAD9F5;
}

.bars tr {
  background-color: #F2F8FD;
}

.bars tr.alt {
  background-color: #FFF;
}

.bars span.error {
  color: #CC0000;
  background: #FFFFCC;
}

.buttonRow {
  background-color: #DAEBFA;
}

.bars caption h3,
.settings caption h3 {
  color: #272727;
  margin: 0px;
  padding: 0px;
}

.settings small {
  font-size: 80%;
  font-weight: normal;
}

.settings th, .settings td {
  text-align: left;
  padding-top: 7px;
  padding-right: 10px;
  padding-bottom: 7px;
  padding-left: 10px;
  font-size: 93%;
}


/*---- these links want an icon ----*/
.bars a,
.settings a {
  font-weight:bold;
  color: #0066CC;
}

.bars a:hover,
.settings a:hover {
  color: #272727;
}

/*---- this link doesn't want an icon ----*/
table a.noIcon {
  margin: 0px;
  padding: 0px;
}

/*---- a. class for links with left-side 16x16 icon ----*/
a.createnew,
a.addUser,
a.upload,
a.start,
a.editUser,
a.deleteUser,
a.surveyIcon,
a.resetRespondents,
a.reload,
a.pauseIcon,
a.startIcon,
a.restartIcon,
a.stopIcon,
a.trash,
a.customResult,
a.addNewMessage,
a.editMessage,
a.deleteMessage,
a.saveMessage,
a.cancelMessage,
a.testMessage,
a.moveUp,
a.moveDown,
a.calendarIcon,
a.userLogin,
a.viewSurveyArea {
  font-weight:bold;
  color: #0066CC;
  float: left;
  display: block;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-right: 10px;
}

a.addPanelIcon,
a.ReleasePanel,
a.DeletePanel,
a.downloadIcon,
a.downloadListIcon,
a.completePartials {
  font-weight:bold;
  color: #0066CC;
  display: block;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-right: 10px;
}

a.addPanelIcon {
	display: inline;
}

a.resetRespondents {
  float: right;
}

a.addUser {
  background: url(../images/icons/add-user-16x16.gif) no-repeat left 50%;
}

a.upload {
  background-image: url(../images/icons/upload-16x16.gif);
  background-repeat: no-repeat;
  background-position: left 50%;
}

a.start {
  background: url(../images/icons/start-16x16.gif) no-repeat left 50%;
}

a.editUser {
  background: url(../images/icons/user-settings-16x16.gif) no-repeat left 50%;
}

a.deleteUser {
  background: url(../images/icons/delete-user-16x16.gif) no-repeat left 50%;
}

a.surveyIcon {
  background: url(../images/icons/16x16-snap-icon.gif) no-repeat left 50%;
}

a.resetRespondents,
a.reload {
  background: url(../images/icons/reload-16x16.gif) no-repeat left 50%;
}

a.DeletePanel,
a.trash {
  background: url(../images/icons/trash-16x16.gif) no-repeat left 50%;
}

a.ReleasePanel,
a.startIcon {
  background: url(../images/icons/start-16x16.gif) no-repeat left 50%;
}

a.addPanelIcon {
  background: url(../images/icons/add-panel-16x16.gif) no-repeat left 50%;
}

a.pauseIcon {
  background: url(../images/icons/pause-16x16.gif) no-repeat left 50%;
}

a.restartIcon {
  background: url(../images/icons/restart-16x16.gif) no-repeat left 50%;
}

a.stopIcon {
  background: url(../images/icons/stop-16x16.gif) no-repeat left 50%;
}

a.customResult {
  background: url(../images/icons/custom-result-16x16.gif) no-repeat left 50%;
}

a.addNewMessage {
  background: url(../images/icons/new-message-16x16.gif) no-repeat left 50%;
}

a.editMessage {
  background: url(../images/icons/edit-message-16x16.gif) no-repeat left 50%;
}

a.deleteMessage {
  background: url(../images/icons/delete-message-16x16.gif) no-repeat left 50%;
}

a.saveMessage {
  background: url(../images/icons/green-tick-16x16.gif) no-repeat left 50%;
}

a.cancelMessage {
  background: url(../images/icons/red-cross-16x16.gif) no-repeat left 50%;
}

a.testMessage {
  background: url(../images/icons/test-message-16x16.gif) no-repeat left 50%;
}

a.moveUp {
  background: url(../images/icons/move-up.gif) no-repeat left 50%;
}

a.moveDown {
  background: url(../images/icons/move-down.gif) no-repeat left 50%;
}

a.calendarIcon {
  background: url(../images/icons/calendar-16x16.gif) no-repeat left 50%;
}

a.userLogin {
  background: url(../images/icons/user-login-16x16.gif) no-repeat left 50%;
}

a.viewSurveyArea {
  background: url(../images/icons/view-survey-area-16x16.gif) no-repeat left 50%;
}

a.completePartials {
  background: url(../images/icons/complete-partials-16x16.gif) no-repeat left 50%;
}

a.downloadIcon {
  background: url(../images/icons/download-16x16.gif) no-repeat left 50%;
}

a.downloadListIcon {
  background: url(../images/icons/download-list-16x16.gif) no-repeat left 50%;
}

/*---- #smallHeader for pop-ups ----*/
div#smallHeader {
  background: #0054B7 url(../images/top-nav-bg.gif) repeat-x;
  height: 50px;
}

div#smallHeader #leftLogo {
  display: block;
  width: 148px;
  float: left;
  height: 60px;
}

div#smallHeader #rightLogo {
  display: block;
  width: 196px;
  float: right;
  height: 45px;
  margin-right: 10px;
}

/*---- #navHeader with buttons and logos ----*/
div#navHeader {
  height: 50px;
  width: 100%;
  background-color: #0054B7;
  background-image: url(../images/top-nav-bg.gif);
  background-repeat: repeat-x;
}

div#navHeader #leftLogo {
  display: none;
  width: 148px;
  float: left;
  height: 60px;
}

div#navHeader #rightLogo {
  display: block;
  width: 196px;
  float: right;
  height: 45px;
  position: absolute;
  right: 10px;
}

/*---- top buttons and activation styles ----*/
ul#navButtons {
  list-style: none;
  margin: 0px;
  padding: 0px;
  float: left;
  height: 51px;
}

ul#navButtons li {
  display: inline;
}
ul#navButtons a {
  text-decoration: none;
  font-size: 85%;
  font-weight: bold;
  color: #FFF;
}
ul#navButtons a span  {
  display: block;
  float: left;
  cursor:pointer;
  line-height: 44px;
  height: 44px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-bottom: 6px;
  padding-right: 8px;
  padding-left: 8px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
ul#navButtons a:hover {
  color: #C8E59B;
  float: left;
  display: block;
}

/*-- active styles: {body class="page-???????"} --*/
body.page-panels li#btn-panels a,
body.page-panelinfo li#btn-panelinfo a,
body.page-surveys li#btn-surveys a,
body.page-interviews li#btn-interviews a,
body.page-analyses li#btn-analyses a,
body.page-admin li#btn-admin a,
body.page-admin li#btn-agentadmin a,
body.page-sysadmin li#btn-sysadmin a,
body.page-sysstatus li#btn-sysstatus a,
body.page-rpanels li#btn-rpanels a,
body.page-useradmin li#btn-useradmin a,
body.page-repository li#btn-repository a,
body.page-logout li#btn-logout a {
  color: #272727;
  float: left;
  display: block;
  background-image: url(../images/top-nav-active.gif);
  background-repeat: repeat-x;
  background-position: center;
}

/*-- temporarily redundant DO NOT DELETE --*/
body.page-surveys li#btn-surveys span,
body.page-interviews li#btn-interviews span,
body.page-analyses li#btn-analyses span,
body.page-admin li#btn-admin span,
body.page-admin li#btn-agentadmin span,
body.page-sysadmin li#btn-sysadmin span,
body.page-sysstatus li#btn-sysstatus span,
body.page-useradmin li#btn-useradmin span,
body.page-logout li#btn-logout span {
}

/*-- tabs --*/
/*
div.tabnav {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding-left: 20px;
  height: 20px;
  display: block;
}

.tabnav a {
  display: block;
  float:left;
  height: 20px;
  width: 111px;
  margin-right: 2px;
  text-align: center;
  line-height: 20px;
  text-decoration: none;
  color: #0066CC;
  background: url(../images/agent-tab-inactive.gif) no-repeat left top;
}

.tabnav a:hover {
  color: #003676;
}

.tabnav a.active {
  color: #000000;
  background: url(../images/agent-tab-active.gif) no-repeat left top;
}

*/
#tabBorder {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 100%;
}

ul#tabs {
  list-style: none;
  margin: 0px;
  padding: 0px 0px 0px 5px;
  float: left;
  width: 500px;
  display: block;
}

#tabs li {
  background: url(../images/inactive-tab-right.gif) no-repeat right top;
  float: left;
  margin: 0px 2px 0px 0px;
  padding: 0px;
}

#tabs li a {
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
  background: url(../images/inactive-tab-left.gif) no-repeat left top;
  display: block;
  float: left;
  color: #FFF;
  margin: 0px;
  padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 4px;
  padding-left: 8px;
  font-family: Arial, Helvetica, sans-serif;
}

#tabs li a:hover {
  color: #272727;

}

#tabs li#active {
  float: left;
  list-style: none;
  margin-right: 2px;
  background: url(../images/active-tab-right.gif) no-repeat right top;
}

#tabs li#active a {
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
  background: url(../images/active-tab-left.gif) no-repeat left top;
  display: block;
  float: left;
  color: #272727;
  margin: 0px;
  padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 4px;
  padding-left: 8px;
}

/*-- properties table --*/
table.properties {
  border:1px solid #0099CC;
  background: #d1eaff;
  margin-bottom: 10px;
  text-align: left;
  width: 100%;
  font-size: 85%;
}

table.properties td {
  padding: 5px;
}

table.properties tr, table.properties th, table.properties td {
  text-align: left;
  margin: 0px;
  padding: 3px;
}

table.properties .buttonRow td {
  background: #ddd;
  border-top: 1px solid #ddd;
  margin: 0px;
  padding: 5px;
  text-align: center;
}
#resprops .properties .buttonRow input {
  width: 60px;
}

.surveyselect {
  width: 100%;
}

.noshow {
  display:none
}

div.messagebody {
  border: 1px solid #93CFF0;
  background-color: white;
  padding: 5px;
}